网页加载解析渲染过程

1，根据html的结构生成DOM树

2，将css解析成CSSOM树

3，根据DOM树和CSSOM来构建Rendering tree

4，layout，计算出每个节点在屏幕的位置 layout render tree

5，绘制，遍历render tree ，绘制节点

附加：

性能优化中重绘、重排：

1）重绘（Repaint）：只是改变了样式，例如，文字颜色，背景颜色等改变外观的属性，不影响元素周围或者内部布局的属性

2）重排（Reflow）：某部分发生了变化，影响了布局，渲染树需要重新计算

重排的原因：

    1，页面初始化

    2，元素尺寸发生变化

    3，css属性发生变化

     4，操作dom元素

参考文章：https://blog.csdn.net/xujingcheng123/article/details/79271624