浏览器运行机制

浏览器运行机制

1、构建DOM树（parse）:渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM节点，生成内容树。

2、构建渲染树：解析对应的csss样式文件信息（包括js生成的样式和外部css文件），而这些文件信息构建渲染树。

3、布局渲染树：从根节点递归调用，计算每个元素的大小、位置等，给出每个节点所应该在屏幕上出现的精确坐标。

4、绘制渲染树：遍历渲染树，使用UI后端层来绘制每个节点。