浏览器组成部分
1.人机交互部分(UI)
2.网络请求部分(Socket)
3.JavaScript引擎部分(解析执行js)
4.渲染引擎部分(渲染Html Css等)
5.数据存储部分(cookie, HTML中的本地存储 WebStorage里有LocalStroage、SessionStorage)
主流渲染引擎
渲染引擎又叫排版引擎或浏览器内核
1. Chrome 谷歌浏览器内核:Blink(WebKit的一个分支)
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进行绘图操作