移动开发中遇到的坑

标签: 移动 开发 | 发表时间:2015-08-24 09:18 | 作者:崔永键
出处:http://www.cuiyongjian.com/

flex布局在qq,uc浏览器中有问题,必须强制让内部flex的元素是display block;

 

100%要想撑满父元素,则父元素必须有明确的高度。否则撑不起来。

 

如果定位的元素想要撑满其相对的元素,有个简单办法,那就是同时设置left,right,top,bottom为0.

 

 1px边框问题,有多种解决方案。

 

iconfont方式使用简单点的图标,自定义性更强。

 

DOM操作中,children属性仅包含Element类型的节点,而childNode属性包含了所有的节点。例如document.children就是实实在在你写的节点的数组,而不包含隐含的那些文字节点。

 

document指代的是整个html文档,而其第一个子元素是文档声明,第二个子元素是html节点。 html这个节点可以通过多种方式来拿到,比如document.documentElement, 比如document.children[0], 比如document.childeNodes[1]

故scrollTop属性,你也得通过documentElement或者document.body.scrollTop来使用咯。

 

对象的属性若是引用类型,对其进行重新赋值的话,仅仅是改变该属性的指向。而没有改变真正的对象。假如有其他人也指向那个对象,则那个对象依然存在。

 

低版本IE里使用returnValue=false来代替event.preventDefault阻止默认行为; 使用cancelBubble=true代替event.stopPropagation来停止冒泡。

 

事件代理原因:事件处理程序以及事件绑定过多,会影响内存和页面响应; 而且代理的方式如果是绑定到document上,就可以不需等待Dom元素构造出来; 而且采用事件代理可以减少dom引用和dom查询,移除和查询dom都比较方便。

 

绑定事件的4种方式: 

dom0: 在dom之外,使用btn.onclick = function() {}

dom2: 在dom之外,使用btn.addEventListener('click', function(){}, false)

在html里面: <a onclick="直接写js代码">,   此时js代码里this表示当前元素

在html里面: <a onclick="调用一个外部js函数">, 此时外部函数里,this表示全局window对象。

dom0,dom2等事件handler执行上下文在元素上的情况,this表示的就是那个绑定事件的元素,也就是所谓的event.currentTarget.

 

js中的json可以使用2种复合类型,4种基本类型,否则无法parse。 所以,undefined不能使用,Date等类型不能使用。非要用的话,请使用字符串代替。

 

 

相关 [移动 开发] 推荐:

移动开发那些事

- - 微博UDC
说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发. 但从这两种开发模式的特点来说,从它们诞生之日起就开始了不断的争论,孰好孰坏,本文不作探讨,只是简单罗列下本人开发遇到的问题和最终的解决方案.

移动开发之总结

- - SegmentFault 最新的文章
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影. 备注:transparent的属性值在android下无效. 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影.

2011 移动平台开发现状

- 山河之外 - 互联网的那点事...
Visionmobile 根据“2011 开发者经济调查报告”(点击这里下载该报告)中的数据制作了一幅信息图,使我们可以一览手机各平台的开发现状. 这幅信息图关注的的手机平台有 Android,黑莓,iOS(iPhone),Java ME,Mobile web,Symbian,Windows Phone.

jQuery Mobile开发HTML5移动应用

- - HTML5研究小组
随着移动互联世界的到来,目前已发展到多种移动 操作系统割据的局面,而开发者则急需要能运用原有的开发知识和技能,快速方便地构建移动应用程序,并期望能运行在不同的 手机操作平台上,比如Android,iOS,黑莓等. 而目前,出现了一批十分优秀的支持HTML5/CSS3的移动应用开发框架,其中最为大家熟悉的是jQuery Mobile框架(http:// jquerymobile.com),它可以让熟悉jQuery框架的开发者快速开发出基于HTML5的移动应用,而且直接通过 手机的浏览器即可浏览.

移动应用开发小贴士

- - ITeye资讯频道
严格说来本文是针对iOS应用进行介绍的——在未来一段时间内iOS应用开发无疑仍会是热门,因此,不管是对开发者还是企业管理人员来说,或多或少了解一些应用开发流程十分必要——不过本文涉及的大部分内容其实并不局限于iOS应用,同时也适用Android、Windows Mobile和Blackberry等其他移动平台.

移动开发框架:Ionic Framework

- - 标点符
Ionic是 Drifty继 Codiqa(基于 Web 的 jQuery Mobile构建工具)和 Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目. 是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发.

移动终端开发必备知识

- - 博客 - 伯乐在线
移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了. 本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案. (1) CSS pixels与device pixels. CSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘制内容.

移动开发规范概述

- - Jing
iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica. 中文字体设置为华文黑体STHeiTi. 需补充说明,华文黑体并不存在iOS的字体库中( http://support.apple.com/kb/HT5484?viewlocale=en_US), 但系统会自动将华文黑体STHeiTi兼容命中系统默认中文字体黑体-简或黑体-繁.

移动端web app开发备忘

- - CSDN博客Web前端推荐文章
最近要做个手机html5的页面,做些知识储备,重要的点记录下来以备后续. 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例. css中的px可以看作是设备的独立象素,通过devicePixelRatio,就可以知道设备上的一个css像素代表着多少个物理像素,可以考虑devicePixelRatio+rem进行不同设备间的适配;.