浏览器

浏览器在渲染网页是一个复杂的过程， 整个过程由多个独立线程协作 - GUI渲染线程 - JS引擎线程 - 事件触发线程 - 定时触发器线程 - 异步HTTP请求线程

布局树为绘制阶段的输入数据，将布局树转化为屏幕像素的一个过程 绘制阶段分为4个部分 1. 构建展示列表 2. 分层 3. 光栅化 4. 合成

构建阶段生成渲染树，渲染树中包含起页面元素结构和每个元素的样式信息。 渲染树作为布局阶段的入参，将元素结构和样式信息计算出元素的位置和尺寸。 布局阶段是一个不断重复递归的阶段，在整个渲染过程耗时较多。

将DOM和CSSOM相结合，给每一个可见DOM节点创建渲染对象，将这些渲染对象参照DOM树结构结合起来，形成“清洗后赋予样式的DOM树”（渲染树）

解析流程是浏览器渲染步骤中的第一个步骤，主要完成三种类型文件的解析 HTML解析 CSS解析 JavaScript解析 浏览器解析入口一定是一个html页面，html也是解析流程的入口。

主流程分为五个阶段 1. 解析阶段 2. 构建渲染树阶段 3. 布局阶段 4. 绘制阶段 5. 渲染阶段