浏览器页面渲染实现

【目标：页面内容快速加载 + 交互流畅】
1.导航：
用户通过在地址栏输入一个URL、点击一个链接、提交表单或者是其他的行为
2.DNS查找：
对于一个web页面来说导航的第一步是要去寻找页面资源的位置。如果导航到https://example.com, HTML页面 被定为到IP地址为 192.168.0.1 的服务器。如果以前没有访问过这个网站，就需要进行DNS查找。
3.‘三次握手’建立连接 （tsl建立安全连接）
4.响应：
浏览器向服务器发送http请求，服务器响应返回数据。
5.解析：
解析是浏览器将通过网络接收的数据转换为DOM和CSSOM的步骤，通过渲染器把DOM和CSSOM在屏幕上绘制成页面。在渲染到屏幕上面之前，HTML、CSS、JavaScript必须被解析完成。
6.渲染：参考链接

• 构建DOM树（第一步是处理HTML标记并构造 DOM 树）。
• 构建SCCOM（第二步是处理 CSS 标记并构建 CSSOM(Style Rules) 树）。
• 生成Render树（将 CSSOM 树和 DOM 树组合成一个Render树，从DOM树的根开始构建，遍历每个可见节点）。
• 布局（根据渲染树(Layout)来布局，以计算每个节点的几何信息。是确定呈现树中所有节点的宽度、高度、大小和位置的过程）。
• 绘制（将各个节点绘制(Painting)到屏幕上）。