一、浏览器的组成
- 人机交互部分(就是你看到的!)
- 网络请求部分(Socket)
- Javascript引擎部分(解析并执行Javascipt)
- 渲染引擎部分(渲染HTML\CSS)
- 数据存储部分(cookie,HTML5中的本地存储LocalStorage、SessionStorage)
二、渲染引擎及其工作原理
1.渲染引擎是浏览器的主要组成部分,也称为浏览器内核或者排版引擎。例如Chrome浏览器使用的是Blink引擎(webKit的一个分支),360浏览器为双核浏览器,有的时候需要切换不同浏览器内核,以便提供更好的用户体验,例如登陆OA门户等等。
2.工作原理:
- 解析构建HTML并构建DOM树
- 解析CSS并形成CSS规则树。
- DOM树+CSS规则树=渲染树。然后调用操作系统底层API绘制渲染树。
渲染流程: