重排和重绘

重绘（repaint)

指某元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。

触发条件：

1）重排；
2）改变元素外观属性，如：color；

重排（reflow)

当渲染树中的某部分因为元素的规模尺寸，布局等改变而需要重新构建, 这就称为回流。

触发条件：

1、页面渲染初始化；

2、添加或删除可见的DOM元素；

3、元素位置的改变，或者使用动画；

4、元素实际尺寸的改变；

5、浏览器窗口尺寸的变化；

6、填充内容的改变（文字或图片等）而引起的计算值宽度和高度的改变；

7、读取某些元素属性：（offsetLeft/Top/Height/Width,　clientTop/Left/Width/Height,　scrollTop/Left/Width/Height,　width/height,　getComputedStyle()）