浏览器-03 WebKit 渲染1

• WebKit是一个渲染引擎,而不是一个浏览器;
• DOM是对HTML或者XML等文档的一种结构化表示方法,通过这种方式,用户可以通过提供标准的接口来访问页面中的任何元素的相关属性,并可对DOM进行相应的添加、删除和更新操作等;
• 基于DOM树的一些可视的节点,WebKit来根据需要来创建相应的RenderObject节点,这些节点也构成了Render树;
• 基于Render树,WebKit也会根据需要来为它们中的某些节点创建新的RenderLayer节点, 从而形成RenderLayer树;
• WebKit的布局计算和浏览器的渲染,GPU硬件加速都依赖Render树和RenderLayer树;

Render树

Render树的建立

• Render树节点和DOM树节点不是一一对应关系;下面情况下需要建立新的Render节点:
  • DOM树的document节点;
  • DOM树中的可视化节点,如HTML,BODY,DIV等;
  • 某些情况下需要建立匿名的Render节点,该节点不对应于DOM树中的任何节点;
• Render树建立后,布局运算会计算出相关的属性;其中有位置,大小,是否浮动等;渲染引擎利用这些信息绘制这些元素;

RenderObject类及其子类

• RenderObject是Render树的节点基础类,提供了一组公共的接口;它在DOM树创建或DOM中有动态加入元素时创建;
• 它有很多的子类,这些子类可能对应一些DOM 树中的节点,如RenderText,有些则是容器类,如RenderBlock;

匿名RenderBlock对象

• CSS中有块级元素和内嵌元素之分;RenderBlock用来表示块级元素,;
• 为了处理上的方便,某些情况下需要建立匿名的RenderBlock对象;因为RenderBlock的子女必须都是内嵌的元素或都是非内嵌的元素;所以,当它包