repain 与 reflow

http://blog.csdn.net/oscar999/article/details/38379523

relow

reflow指的是计算页面布局。某个节点reflow时会重新计算节点的尺寸和位置,而且还有可能触发其子节点、祖先节点和页面上的其他节点reflow。在这之后再触发一次repaint。
当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流,每个页面至少需要一次回流,就是在页面第一次加载的时候。

rapain

repiant或者redraw遍历所有的节点检测各节点的可见性、颜色、轮廓等可见的样式属性,然后根据检测的结果更新页面的响应部分。
当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘。
理解:
relow: 确定盒子模型的大小和尺寸,计算布局
repain:计算颜色 轮廓 等,不会影响布局
relow一定会引起repain
而 repain 不一定引起relow

你可能感兴趣的:(repain 与 reflow)