重绘（repaint）和 重排（reflow）

重绘

元素外观改变，如 颜色、背景色，尺寸，定位不会改变，不会影响其他元素

重排

重新计算元素的尺寸和定位，可能会影响到其他元素的位置；
重排一定会引起重绘。

如何减少重排

1. 集中修改样式，或直接切换 css class;
2. 缩小修改范围：尽量修改元素本身而不是他的父元素；
3. 修改样式之前先 display：none；使元素脱离正常文档流；
4. 使用 BFC 特性，不影响其他元素；
5. 频繁触发优化： 节流、防抖；
6. 优化动画：CSS --》 GPU，动画优化机制。