首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

浏览器内核发动机——渲染引擎

2012-11-23 
浏览器内核引擎——渲染引擎本章主要讨论渲染引擎如何展现css作用下的html和图像主要功能:把网络请求得到的

浏览器内核引擎——渲染引擎

本章主要讨论渲染引擎如何展现css作用下的html和图像
主要功能:把网络请求得到的资源展现到屏幕上,默认情况下,可以解析和展现html和xml文件和图片,
                通过插件也可以展现其他类型
主要流程:渲染引擎开始从网络层获取请求内容,一般是不超过8K的数据块,
       基本工作流程1.解析html构建dom树,2渲染树构建,3渲染树布局,4绘制渲染树  如下图所示:

?
浏览器内核发动机——渲染引擎? ?

?

?四个过程的详细解释:渲染引擎会解析html文档,并把标签换成内容树种的DOM节点,它会解析style元素和
外部的css样式文件,样式数据html和显示控制用来创建另一棵树—渲染树 渲染树包含有颜色,尺寸等显示属性的矩形
这些矩形的顺序与显示顺序一致,构建完渲染树后就是布局,确定每个点在屏幕上的具体位置,最后一个步骤就是绘制
遍历渲染树并用UI后端层将每一个节点绘制出来
各种内核具体的流程:
浏览器内核发动机——渲染引擎?
Webkit的主要流程如上
浏览器内核发动机——渲染引擎?
Greko的主要流程如上
浏览器内核发动机——渲染引擎?
Trident的主要流程如上
渲染引擎的继续深入,请看下节:解析
 

热点排行