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
