输入url到页面渲染的过程

作为一个前端，被常问到输入一个url到到页面渲染中间发生了什么，每次都是说个大概，每个环节发生了什么，有哪些细节，还真不知道，今天终于痛下决心恶补下这个过程，好家伙，不看不知道，一看吓一跳，过程细节这么多，话不多说，进入学习阶段。
一、输入网址
在输入url的过程中，网址栏会智能匹配你输入的url字符串，从你的历史记录，书签中找到输入字符串对应的url，给你提示与之相对应你曾经访问过哪些网址。如访问曾访问过的页面，则访问的速度会大大加快。
二、DNS解析
百度得知DNS（Domain Name System，域名系统），因特网上作为域名和IP地址相互映射的一个分布式数据库，能够方便用户访问互联网，而不用去记能够被机器识别的ip。通过主机名，我们就可以的改主机对应的IP的过程叫做域名解析。
1.当我们发起请求，浏览器会解析该域名。首先查找本地硬盘的hosts文件（可加快域名解析）里面的IP地址。
2.当在本地hosts文件中没有找到，浏览器会发送一个DNS请求到本地DNS服务器。本地DNS服务器有网络接入商提供，例如移动，联通，电信等等
3、本地DNS查询缓存记录（递归方式查询），如存在，直接返回结果，如不存在，会向DNS根服务器进行查询
4、因为根DNS服务器没有记录具体的域名和IP的对应关系，所以会告诉本地DNS服务器，你需要去域服务器上搜索，同时会提供域服务器的地址。（迭代解析）
5、本地DNS服务器继续向域服务器发出请求。域服务器收到请求后，也不会直接返回域名和IP地址的对应关系，而是告诉本地DNS服务器，解析该域名服务器的地址。
6、本地DNS服务器向解析域名的服务器发送请求，得到一个域名和IP地址对应关系，此时本地DNS服务器不光要把IP地址返回给用户电脑，还要把这个对应关系保存在缓存，以备下次别的用户查询时们可以直接返回结果，加快访问速度。
递归解析
当局部DNS服务器不能解答用户机的DNS查询时，会对其他DNS服务器进行查询。一般是先向该域名的根域服务器进项查询，在由根域服务器向下查询，最后把查询的结果返回到局部DNS服务器，再由局部DNS服务器返回给用户的DNS
迭代解析
当局部DNS服务器自己不能回答客户机的DNS查询时，也可以通过迭代查询的方式进行解析，局部DNS服务器不是自己向其他DNS服务器进行查询，而是把能解析该域名的其他DNS服务器的IP地址返回给用户DNS程序，用户DNS程序再继续向这些DNS服务器进行查询，直到得到查询结果为止。
域名空间的命名
按其功能命名空间中用来描述 DNS 域名称的五个类别的介绍详见下图（面向度娘）

负载均衡
谈到DNS，我们就不得不说到负载均衡，因为他可以解决我们我们服务器因为访问过多导致宕机的可怕后果。负载均衡的原理是在DNS服务器中为同一个主机域名配置多个IP地址，在响应DNS查询时，DNS服务器对每个查询以主机记录的IP按顺序返回不同的解析结果，将用户的访问引导到不同机器上，从而达到分流的效果。
三、向服务器发送HTTP请求
当我们拿到域名对应IP后，浏览器会议一个随意的端口号（1024<prot<65535）向服务器的WEB程序（常见的是nginx）的80端口发起TCP的连接请求。这个连接请求到达服务器后，进入到网卡，然后进入内核的TCP/IP协议栈（用于识别该连接请求，解封包，然后一层一层剥开），还有可能要经过Netfilter放火墙（属于内核模块）的过滤，最终才能到达WEB程序，最终才能建立起TCP/IP的连接。
建立连接如图所示（万能度娘助阵）

当我们建立TCP连接后，发送一个http请求，一个典型的http request hearder一般需要包括请求的方法（GET，POST，PUT，DELETE，当然不常用还有HEAD，OPTION、TRACE）同时会有一些请求信息，请求信息包含三个部分：
<1>请求方法URI协议/版本
<2>请求头
<3>请求的正文
当我们建立TCP连接后，

POST/sample.js