面试题：从输入URL到渲染页面全过程

网页从输入URL到渲染完成的全过程

总的来说，整个过程可以分成三部分：
1.DNS解析URL的过程；
2.浏览器发送请求与服务器交互的过程；
3.浏览器对接收到的页面进行渲染的过程。

具体步骤如下：

1. 输入URL后，首先进行DNS解析得到IP地址。
DNS：Domain Name System，是一个域名系统。DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.baidu.com）作为网址。DNS解析就是将域名翻译成IP地址的过程。
首先会查询缓存，如果缓存不存在则到dns服务器查询对应的ip地址。会有以下几个步骤:
　 1). 查询浏览器中是否有缓存：浏览器会按照一定的频率 缓存DNS记录；
　 2).查询本机操作系统中是否有缓存：如果浏览器缓存中找不到需要的DNS记录，就会去操作系统中找；
　 3).查询路由器缓存：路由器中也有DNS缓存；
　 4).ISP的DNS服务器：ISP有专门的DNS服务器应对DNS查询请求
　 5）根服务器：ISP的DNS服务器找不到之后，就要向根服务器发出请求，进行递归查询。
2. 浏览器根据IP地址与服务器进行连接，期间利用TCP协议进行三次握手
3.浏览器根据解析到的IP地址和端口号发起http的get请求
http请求包括header和body。header中包括请求的方式（get和post）、请求的协议 （http、https、ftp）、请求的地址ip、缓存cookie。body中有请求的内容。
4.服务器接收到http请求之后，开始搜索html页面，并使用http返回响应报文
5.浏览器解析响应数据，并渲染页面
6.由上向下解析 HTML 文档，以 字节 – 字符 – 标签 – 节点 – 树 的转化顺序将文档同步构建为 DOM 树和 CSSOM 树

7.下载 JS 脚本并执行，下载和执行期间停止对 DOM 和 CSSOM 的解析和构建
8.脚本执行完毕后将 DOM 和 CSSOM 合并为渲染树，并渲染到页面上
9.关闭页面时四次挥手断开连接

三四握手和四次挥手待补充。。。

参考网址：
1.浏览器从输入URL到渲染完页面的整个过程;
2.面试题:浏览器渲染页面的流程;
3.知乎专栏.