网页生成的过程

1. HTML解析器会将html解析成DOM树
2. CSS解析器会将css解析成CSSOM树
3. 结合DOM树和CSSOM树，生成一颗渲染树（render DOM）
4. 将所有的渲染树的所有节点平面结合，即生成布局
5. 将生成的布局绘制在设备屏幕上

重绘

DOM元素的样式发生了改变，但布局没发生变化，重新把元素外观绘制出来的过程，成为重绘。

重排

DOM元素的变化改变了元素的几何属性（位置，大小的），浏览器需要重新计算元素的几何属性，并将元素重新计算，安放到正确位置的过程。