重绘和回流

重绘和回流是渲染步骤中的一小节，但是这两个步骤对于性能影响很大。

重绘

重绘是当节点需要更改外观而不会影响布局的，比如改变 color就叫称为重绘

回流

回流是布局或者几何属性需要改变就称为回流

减少回流

使用 visibility替换 display: none，因为前者只会引起重绘，后者会引发回流（改变了布局）

不要使用 table 布局，可能很小的一个小改动会造成整个 table 的重新布局

CSS 选择符从右往左匹配查找，避免 DOM 深度过深

总结

回流必定会发生重绘，重绘不一定会引发回流。回流所需的成本比重绘高的多，改变深层次的节点很可能导致父节点的一系列回流。