前端浏览器解析渲染

浏览器内核是指浏览器运行最核心的程序：渲染引擎，JS引擎。渲染引擎在不同浏览器中是不一样的。常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。

页面加载过程：

• 浏览器根据DNS服务器得到域名IP地址
• 向对应IP的机器发送HTTP请求
• 服务器收到并处理返回HTTP请求
• 浏览器得到返回内容

浏览器得到的返回内容是一堆HTML格式的字符串。
浏览器渲染：
1.浏览器解析三个东西（HTML/SVG/XHTML字符描述一个页面的结构，浏览器把HTML结构字符串解析转换DOM树形结构；
解析CSS，产生CSS规则树；
Javascript脚本，等到Javascript文件加载后，通过DOM API 和CSSOM API 来操作DOM Tree 和CSS Rule Tree）
2 解析完后才能后，浏览器引擎会通过DOM Tree和css Rule Tree 来构造Rendering Tree
3 调用造作系统的Native GUI的API绘制

构建DOM

构建CSSOM

构造Rendering Tree
出现只会包括需要现实的节点和节点的样式

渲染过程遇到