摘要:
repaint(重绘),repaint发生更改时,元素的外观被改变,且在没有改变布局的情况下发生,如改变outline,visibility,background color,不会影响到dom结构渲染。reflow(渲染),与repaint区别就是他会影响到dom的结构渲染,同时他会触发repaint,他会改变他本身与所有父辈元素(祖先),这种开销是非常昂贵的,导致性能下降是必然的,页面元素越多效果越明显。何时发生:1. DOM元素的添加、修改(内容)、删除( Reflow + Repaint) 2. 仅修改DOM元素的字体颜色(只有Repaint,因为不需要调整布局) 3. 应用新的样式或者 阅读全文