日期:2014-05-17  浏览次数:20741 次

记录html5开发的一些问题

1、iscroll页面初始化闪烁,只是会在iphone4上面出现

页面内容比较少的情况下不会出现

?

2、点击事件click还是触击touchstart?touchstart响应速度快,还有很多用来模拟click,用touchstart来模拟,但是不完全是touchstart,个人认为,最好的方式是主动地处理哪些地方可以直接用touchstart,不能用的地方,还是用click就行

?

3、点击穿透,这个问题到现在也没搞明白,多个div同层级的层,最上层的,也是index值最大的,并且display为block,而其他层的display为none,点击最上面的div,居然会激发下层的事件,比较诡异,而最后的处理方式也就是来动态控制,如果点击的是display为none的层上的内容,不响应对应事件,如果有了解这个故障的,求指教。

?

4、合适的时候使用image的base64方式来设置图片,css中也是可以的格式为background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEU.......)

能减少http请求,还能解决图片的loading动画在第一次不能快速显示的问题

?

5、针对andriod系统,尽量少的使用css3动画,或者自己写的动画,andriod系统性能层次不齐,容易挂掉。

?

6、css3中多用高级选择器,千万别用通配符*,而且千万别再通配符*下面使用css3动画属性,不然很容易让ios浏览器奔溃,占用内存极高,ios的内存管理会直接kill掉浏览器进程

?

7、好的html结构非常重要,尽量的减少dom节点的数量,能很好的控制好内存。

?

8、事件监听还是代理方式合适,移动端事件比较负责,各种事件的监听,需要的时候,还是要注意事件的移除。