回流和重绘

回流（reflow）当render tree中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建，这就称为回流。每个页面至少需要回流一次，就是在页面第一次加载的时候。

重绘（repaint）当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局，这称为重绘。

回流必将引起重绘，重绘不一定引起回流。

任何对render tree中元素的操作都会引起回流或重绘。

1、添加、删除元素（回流+重绘）

2、隐藏元素。display（回流+重绘）visibility（重绘）

3、用户的操作，比如改变浏览器的大小，改变浏览器的字体大小（回流+重绘）

4、对style的操作。对不同属性的操作，影响不同。