浏览器的渲染机制（超详细）

浏览器的渲染机制可以分为五步：

        1.构建Dom树（parse）：渲染引擎解析HTML文档，首先将标签转成Dom树中的Dom node        

        2.构建渲染树（construct）：解析对应的css样式文本信息

        3.布局渲染树（reflow/layout）：从根节点递归调用，计算每一个元素的大小，位置等，计算出每个节点所应该在屏幕上出现的精准坐标；

        4.绘制渲染树（paint/repaint）:遍历渲染树，使UI后端层来绘制每个节点