浏览器相关原理(面试题)详细总结一
浏览器相关原理(面试题)详细总结二

浏览器渲染过程是怎么样的？

按照渲染的时间顺序,流水线可分为如下几个子阶段:

  1. 构建 DOM树 渲染进程将 HTML 内容转换为能够读懂DOM 树结构
  2. 样式计算 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets，计算出 DOM 节点的样式。
  3. 布局阶段 创建布局树，并计算元素的布局信息。
  4. 分层 布局树进行分层，并生成分层树。
  5. 栅格化和显示。 为每个图层生成绘制列表，并将其提交到合成线程。合成线程将图层分图块，并栅格化将图块转换成位图。 合成线程发送绘制图块命令给浏览器进程。浏览器进程根据指令生成页面，并显示到显示器上。

如何理解回流和重绘