Notes

浏览器获取资源到显示的简要过程

  1. 通过 HTTP(S) 协议获取到页面资源(HTML 文档,CSS 文件)
  2. 将 HTML 文档解析,构建为 DOM 树
  3. 计算 DOM 树上的 CSS 属性
  4. 根据 CSS 属性,对 DOM 树上的元素逐个渲染,得到内存中的位图
  5. 对位图进行合成
  6. 将位图绘制到界面上

上面的过程,流程上是一个串联操作,但实际执行时,是一个类似并行的操作,即下一个步骤并不会乖乖地等待前一个步骤全部完成后再开始,而是前一个步骤完成一部分后,下一个步骤会开始进行