css的重绘与回流

重绘： 当节点需要更改外观而不影响布局

回流：DOM结构的修改引发DOM几何尺寸变化的时候，发生回流。

 

常见的几何属性有width、height、padding、margin、border等

 

减少重绘和回流的方法：

使用css3新增属性： translate替代top等方向值

避免频繁使用style，而是采用class

将动画应用到position 属性为absolute 或fixed 的元素上