Karam
Articles68
Tags50
Categories14
Chorme浏览器渲染机制

Chorme浏览器渲染机制

流程

大致分为构建DOM,样式计算,布局阶段,分层,绘制,分块,光栅化,合成

构建DOM树

由HTML解释器将HTML代码解析成DOM树

样式计算


渲染引擎会把CSS解析成stylesheets,然后将属性值标准化,然后计算出每个节点的具体样式,主要是CSS继承和层叠样式

布局阶段

创建布局树,首先遍历出所有可见的节点然后将他们加到布局树中