重排与重绘

当dom的变化影响了元素的几何属性（宽高），浏览器需要计算页面元素的布局变化，对所有元素进行重新排序的的过程被称为重排，将重排后的元素渲染至页面被称为重绘。

何时发生：

1. 添加或删除可见的dom元素
2. 元素位置改变
3. 元素尺寸改变（边距、边框宽度、内容宽高）
4. 内容改变（如：文字变为图片、图片大小更改）
5. 页面渲染器初始化
6. 浏览器窗口尺寸改变

并不是所有的dom操作都会影响几何属性，如改变背景色，此时则只有重绘没有重排。

要尽量减少或避免重排重绘操作。