什么是传统的DOM渲染方式

什么是传统的DOM渲染方式？（通俗的说就是浏览器的渲染方式是怎么渲染的？）

分为以下五步，创建DOM树——创建样式表——创建render树——布局Layout——绘制Painting

1、用HTML解析器，分析HTML元素，构建一颗DOM树。

2、用CSS解析器，分析CSS文件和元素上的inline样式，形成页面的样式表。

3、将DOM树和样式表，关联起来，构建一颗Render树（这一过程又叫做Attachment）。每个DOM节点都有attach方法，接收样式信息，返回一个render对象（又叫renderer）。这些render对象最终会被构建成一颗Render树。

4、有了Render树，浏览器开始布局，为每一个Render树上的节点定位一个在显示屏上的精确坐标。

5、Render树和节点显示坐标都有了，就调用每个节点的paint方法，把他们绘制出来。