记录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、事件监听还是代理方式合适，移动端事件比较负责，各种事件的监听，需要的时候，还是要注意事件的移除。