有几个问题

Question

1.布局树是CSSOM嘛？
2.Raster Thread和Compositor Thread都是在Renderer Process里嘛？
3.Raster Thread做的是将页面拆分图层构建图层树嘛？还是说这部分是main thread做的，Raster Thread只做绘制

Answer 1

Mr_Max 2022-06-08 09:12:56

同学你好！

1. 这里提到的布局树就是合并DOM和CSSOM后构建的渲染树，包含所有要绘制的节点及其有效样式。

2. 是的，它们都在Renderer进程里。

3. 具体讲是main thread提交信息告诉compositor thread要绘制什么，然后后者负责绘制图层。但是图层可能非常大，就会切块分给raster thread去做。
   

• 提问者 Mesry #1

  还有几个问题
  1.那这里说的computed styles是不是就是cssom
  2.是不是main thread遍历了我们的dom和computed stlyes，构造了我们的render tree，并且会创建绘制记录，并且这一步是在layout之前
  3.main thread提交信息告诉compositor thread要绘制什么,是不是在浏览器关键渲染路径中，是paint阶段
  4.raster thread是不是有可能不使用，它只是个辅助线程

• Mr_Max 回复 提问者 Mesry #2

  1. 严格的理解应该是：cssom接口可用来访问元素的computed styles
  2. 构建render tree最终是在main thread完成的，发生在layout之前。paint record应该是后面有了render tree和layers之后进行绘制前的准备工作。
  3. 是的
  4. 不是的，一定会走raster thread。

• 提问者 Mesry #3

  好的，那切块分给raster thread去做之后。构建图层树，把绘制出来的图层合成成一帧，都是compositor thread做的嘛？那构建图层树，是在分给raster thread之前还是之后？