Topic

重排 重绘

• 重排 reflow：部分 渲染树需要重新分析 并且 节点尺寸需要重新计算
• 重绘 repaint：由于节点的 几何属性 发生改变或者由于 样式 发生改变,屏幕上的部分内容需要更新

触发重绘的操作

改变 width height、offset、visibility、outline、背景色值

重绘不一定重排

触发重排的操作

1. DOM元素的几何属性变化
2. DOM树结构变化
3. 获取某些属性（offsetTop...)(省略优化，直接重排）