秒懂浏览器内核工作原理!

一、浏览器的组成

- 人机交互部分(就是你看到的!)

- 网络请求部分(Socket)

- Javascript引擎部分(解析并执行Javascipt)

- 渲染引擎部分(渲染HTML\CSS)

- 数据存储部分(cookie,HTML5中的本地存储LocalStorage、SessionStorage)

二、渲染引擎及其工作原理

  1.渲染引擎是浏览器的主要组成部分,也称为浏览器内核或者排版引擎。例如Chrome浏览器使用的是Blink引擎(webKit的一个分支),360浏览器为双核浏览器,有的时候需要切换不同浏览器内核,以便提供更好的用户体验,例如登陆OA门户等等。

  2.工作原理:

  • 解析构建HTML并构建DOM树
  • 解析CSS并形成CSS规则树。
  • DOM树+CSS规则树=渲染树。然后调用操作系统底层API绘制渲染树。

  渲染流程:

  

猜你喜欢

转载自www.cnblogs.com/starboy13/p/13377514.html