移动端性能陷阱和硬件加速

标签：mat   重绘   canvas   nsf   移动端   nim   int   动画   nbsp   

1.减少或避免repaint/页面重绘,reflow/页面回流

repaint:样式的变化，如颜色

reflow:变化的成本比repaint大

也可以理解为对dom元素的操作

2.尽量缓存所有可以缓存的数据

3.使用css3transform代替dom操作，animate.css

非主流性能优化原则

1.不要给非static定位元素（如absolute,relative）增加css动画  

2.适当的使用硬件加速

一个简单的例子，就是把图片画到canvas上，就会触发硬件加速

或是  ，给图层加transfrom    如transform:translate3d(0,0,0)

移动端性能陷阱和硬件加速

标签：mat   重绘   canvas   nsf   移动端   nim   int   动画   nbsp   

原文地址：http://www.cnblogs.com/moon-wind/p/6889508.html