从输入url到页面加载完成，过程发生了什么

(1).DNS解析
当我们在浏览器中输入一个域名的时候，例如www.mi.com，这个域名只是与IP地址的一个映射，这时DNS解析就要充当一个翻译的角色，把域名解析成真实的IP地址。所以DNS解析的过程实际上就是将域名还原成真实IP地址的过程。

DNS的解析又分为以下几个步骤：
1.浏览器会先检查自身缓存中有没有被解析过的这个域名对应的IP，如果有，解析结束;
2.如果浏览器缓存没有命中，浏览器会检查操作系统缓存中是否有对应的解析过的结果，而操作系统也有一个域名解析的过程，在hosts文件里可以读写，如果在这里找到了对应的映射关系，则会直接使用这个IP地址，完成域名解析;
3.如果还是没有命中，此时会请求本地域名服务器(LDNS)来解析这个域名，这个服务器一般离你不会很远且性能很强，80%的域名解析到这里就会结束;
4.如果LDNS仍然没有命中，此时会直接到Root Server域名服务器请求解析

(2).TCP连接
三次握手

(3).浏览器向服务器发送HTTP请求
经过TCP的三次握手之后，浏览器会对请求进行包装，包装成请求报文。完整的HTTP请求包含请求起始行、请求头部、请求主体三部分。

常用的请求头如下：

Accept: 接收类型，表示浏览器支持的MIME类型
（对标服务端返回的Content-Type）
Accept-Encoding：浏览器支持的压缩类型,如gzip等,超出类型不能接收
Content-Type：客户端发送出去实体内容的类型
Cache-Control: 指定请求和响应遵循的缓存机制，如no-cache
If-Modified-Since：对应服务端的Last-Modified，用来匹配看文件是否变动，只能精确到1s之内，http1.0中
Expires：缓存控制，在这个时间内不会请求，直接使用缓存，http1.0，而且是服务端时间
Max-age：代表资源在本地缓存多少秒，有效时间内不会请求，而是使用缓存，http1.1中
If-None-Match：对应服务端的ETag，用来匹配文件内容是否改变（非常精确），http1.1中
Cookie: 有cookie并且同域访问时会自动带上
Connection: 当浏览器与服务器通信时对于长连接如何进行处理,如keep-alive
Host：请求的服务器URL
Origin：最初的请求是从哪里发起的（只会精确到端口）,Origin比Referer更尊重隐私
Referer：该页面的来源URL(适用于所有类型的请求，会精确到详细页面地址，csrf拦截常用到这个字段)
User-Agent：用户客户端的一些必要信息，如UA头部等
(4).浏览器接收到服务器端的响应
服务器在接收到浏览器发送的HTTP请求之后，会将收到的HTTP报文封装成HTTP的Request对象，并通过不同的web服务器进行处理，处理完的结果以HTTP的Response对象返回，主要包含状态码，响应头，响应报文三个部分。

常见的状态码如下：

1**：服务器收到请求，需要请求者进一步操作
2**：请求成功
3**：重定向，资源被转移到其它URL了
4**：客户端错误，请求语法错误或没有找到相应资源
5**：服务端错误，server error
301：资源(网页等)被永久转移到其它URL，返回值中包含新的url，浏览器会自动定向到新的url
302：临时转移，客户端应访问原有URL
304：Not Modified，指定日期后未修改，不返回资源
403：服务器拒绝执行请求
404：请求的资源(网页等)不存在
500：内部服务器错误
响应头主要由Cache-Control、 Connection、Date、Pragma等组成;

常用的响应头如下：

Access-Control-Allow-Headers: 服务器端允许的请求Headers
Access-Control-Allow-Methods: 服务器端允许的请求方法
Access-Control-Allow-Origin: 服务器端允许的请求Origin头部（譬如为*）
Content-Type：服务端返回的实体内容的类型
Date：数据从服务器发送的时间
Cache-Control：告诉浏览器或其他客户，什么环境可以安全的缓存文档
Last-Modified：请求资源的最后修改时间
Expires：应该在什么时候认为文档已经过期,从而不再缓存它
Max-age：客户端的本地资源应该缓存多少秒，开启了Cache-Control后有效
ETag：请求变量的实体标签的当前值
Set-Cookie：设置和页面关联的cookie，服务器通过这个头部把cookie传给客户端
Keep-Alive：如果客户端有keep-alive，服务端也会有响应（如timeout=38）
Server：服务器的一些相关信息
响应体为服务器返回给浏览器的信息，主要由HTML，css，js，图片文件组成;

下图是对某请求的http报文结构的简要分析:

(5).浏览器进行语法解析,渲染页面

(1).浏览器通过解析HTML，生成DOM树；
(2).解析CSS，生成CSS规则树；
(3).合并DOM树和CSS规则树，生成render树
(4).布局render树（Layout/reflow），负责各元素尺寸、位置的计算
(5).绘制render树（paint），绘制页面像素信息
(6).浏览器会将各层的信息发送给GPU，GPU会将各层合成（composite），显示在屏幕上

(6).关闭TCP连接
四次挥手