search

david2tdw / blog

学习记录
1 stars 1 forks source link

[浏览器] 页面渲染 #159

Open david2tdw opened 4 years ago

david2tdw commented 4 years ago

页面渲染流程：

  1. 构建 DOM 树：将HTML解析为DOM树。
  2. 样式解析：样式计算的目的是为了计算出 DOM 节点中每个元素的具体样式。
  3. 布局： 计算出 DOM 树中可见元素的几何位置。
  4. 分层：渲染引擎还需要为特定的节点生成专用的图层，并生成一棵对应的图层树（LayerTree）。

宏观视角下的浏览器 05 | 渲染流程（上）：HTML、CSS和JavaScript，是如何变成页面的？ 宏观视角下的浏览器 06 | 渲染流程（下）：HTML、CSS和JavaScript，是如何变成页面的？