网页生成的过程
- HTML解析器会将html解析成DOM树
- CSS解析器会将css解析成CSSOM树
- 结合DOM树和CSSOM树,生成一颗渲染树(render DOM)
- 将所有的渲染树的所有节点平面结合,即生成布局
- 将生成的布局绘制在设备屏幕上
重绘
DOM元素的样式发生了改变,但布局没发生变化,重新把元素外观绘制出来的过程,成为重绘
。
重排
DOM元素的变化改变了元素的几何属性(位置,大小的),浏览器需要重新计算元素的几何属性,并将元素重新计算,安放到正确位置的过程。
DOM元素的样式发生了改变,但布局没发生变化,重新把元素外观绘制出来的过程,成为重绘
。
DOM元素的变化改变了元素的几何属性(位置,大小的),浏览器需要重新计算元素的几何属性,并将元素重新计算,安放到正确位置的过程。