移动端性能：

移动端性能：
一、减少或避免repaint,reflow即页面重绘，页面回流
reflow：
几乎是无法避免的。现在界面上流行的一些效果，比如树状目录的折叠、展开
（实质上是元素的显 示与隐藏）等，都将引起浏览器的 reflow。
鼠标滑过、点击……只要这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化，
都会引起它内部、周围甚至整个页面的重新渲 染。

repaint：
1：不要通过父级来改变子元素样式，最好直接改变子元素样式，改变子元素样式尽可能不要影响父元素和兄弟元素的大小和尺寸

2：尽量通过class来设计元素样式，切忌用style（js改变样式）
3：实现元素的动画，它的position属性应当设为fixed或absolute
4：权衡速度的平滑。比如实现一个动画，以3个像素为单位移动。
5：不要用tables布局的另一个原因就是tables中某个元素一旦触发reflow就会导致table里所有的其它元素reflow。在适合用table的场合，可以设置table-layout为auto或fixed，这样可以让table一行一行的渲染，
6：css里不要有表达式expression
7.避免不必要的复杂的 CSS 选择器，尤其是后代选择器
8：尽量不要过多的频繁的去增加，修改，删除元素，
以先把该dom节点抽离到内存中进行复杂的操作然后再display到页面上，以先把该dom节点抽离到内存中进行复杂的操作然后再display到页面上
9：注意共同位置的方法写在一起