浏览器渲染机制
核心渲染流程
浏览器渲染是一个流水线作业过程,可以分为五个关键阶段:
构建DOM树 -> 样式计算 -> 布局 -> 分层 -> 绘制 -> 合成
构建DOM树(解析HTML)
HTML字节流 -> 字符 -> 令牌(token) -> 节点(node)-> DOM树
从字节到字符(解码)
- 接受字节流,浏览器获取HTML文件的原始字节。
- 通过HTTP响应头的Content-type和HTml中的meta标签来确定编码
- 将字节按编码规则转换为字符序列。
待更新…
浏览器渲染是一个流水线作业过程,可以分为五个关键阶段:
构建DOM树 -> 样式计算 -> 布局 -> 分层 -> 绘制 -> 合成
HTML字节流 -> 字符 -> 令牌(token) -> 节点(node)-> DOM树
待更新…