浏览器介绍

浏览器组成部分

1.人机交互部分（UI）

2.网络请求部分（Socket）

3.JavaScript引擎部分（解析执行js）

4.渲染引擎部分（渲染Html  Css等）

5.数据存储部分（cookie,  HTML中的本地存储 WebStorage里有LocalStroage、SessionStorage）

主流渲染引擎

渲染引擎又叫排版引擎或浏览器内核

1. Chrome 谷歌浏览器内核：Blink(WebKit的一个分支)  [blɪŋk]

2. Safari (苹果专用)浏览器内核：WebKit

3.  FireFox 火狐浏览器内核：Gecko  ['gekəʊ]

4. Opera 欧朋浏览器内核：Blink(早期版使用 Presto)

5. Internet Explorer （IE）浏览器内核：Trident   ['traɪd(ə)nt]   （IE最后一个版本是IE  11）

6. Microsoft Edge浏览器内核：EdgeHTML(Trident的一个分支)  （这是微软最新浏览器）

渲染引擎工作原理

1.  解析HTML构建Dom树，DOM是W3C组织推荐的处理可扩展置标语言的标准编程接口

2.  构建 渲染树，渲染树与DOM树不一样，渲染树中没有如：head标签 或 display:none的元素

3.  对 渲染树进行布局，定位坐标和大小，等等。这个过程叫“reflow”或 “layout”

4.  绘制 渲染树，调用操作系统底层API进行绘图操作