首页 > 其他 > 详细

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

时间:2020-07-25 22:05:14      阅读:101      评论:0      收藏:0      [点我收藏+]

一、浏览器的组成

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

- 网络请求部分(Socket)

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

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

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

 

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

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

  2.工作原理:

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

 

  渲染流程:

  技术分享图片

 

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

原文:https://www.cnblogs.com/starboy13/p/13377514.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!