浏览器从接收到一个url，到最后的页面展示，经历的过程：
浏览器从接收到一个url，到最后的页面展示，其中经历了哪些过程？又会用到哪些协议呢？
原文连接：https://blog.csdn.net/ZHLittleRed/article/details/82947330#1_DNS_3
1、在浏览器地址栏中输入URL
2、DNS域名解析，获得域名相对应的IP地址。
DNS( Domain Name System)是“域名系统”的英文缩写，是一种组织成域层次结构的计算机和网络服务命名系统，它用于TCP/IP网络，它所提供的服务是用来将主机名和域名转换为IP地址的工作。DNS就是这样的一位“翻译官”，它的基本工作原理可用下图来表示
当我们在浏览器输入如同www.baidu.com的时候，其实这些网站的名字都是微克简化人们的记忆来命名的 ，计算机其实并不认识这个东西。浏览器只认识IP地址，所以当输入域名地址的时候，浏览器首先会从浏览器缓存中是否存在相应的域名、IP对应关系，如果有则向这个IP地址发送请求，如果没有则向系统缓存--路由缓存中查找，如果都没有，再去DNS服务器中找IP。
3、浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手
4、浏览器向服务器发送HTTP请求，请求数据包
与服务器建立了连接后，就可以向服务器发起请求了。发送HTTP请求的过程就是构建HTTP请求报文，并通过TCP协议发送到服务器指定端口（HTTP协议80/8080，HTTPS协议443）。HTTP请求是由三部分组成：请求行、请求报头和请求正文。
5、服务器处理收到的请求
服务器端收到请求后，由web服务器（准确来说应该是HTTP服务器）处理请求，诸如Apache、Ngnix、IIS等。web服务器解析用户请求，知道了要调度哪些资源文件，再通过相应的这些文件处理用户请求和参数，并调用数据库信息 ，最后将结果通过web服务器返回浏览器客户端。
6、返回相应结果至浏览器
HTTP响应报文也是由三部分组成：状态码、响应报头和响应报文。
状态码是由三位数组成，第一个数字定义了响应的类别，且有5中可能值：
· 1XX：指示信息，表示请求已接受，继续处理。
· 2XX：成功，表示请求已被成功接收、理解、接受。
· 3XX：重定向，要完成请求必须进行更进一步的操作。
· 4XX：客户端错误，请求有语法错误或无法实现。
· 5XX：服务器端错误，服务器未能实现合法的请求。
常见状态码有：200，204，301，302，304，400，401，404，500
7、关闭TCP连接
为了避免服务器与客户端双方的资源占用和损耗，当双方没有请求或响应传递时，任意一方都可以发起关闭请求。
8、浏览器解析渲染页面
浏览器在收到HTML、CSS、JS文件后，就需要进行渲染。
浏览器是一个边解析边渲染的过程。首先浏览器解析HTML文件构建DOM树，然后解析CSS文件构建渲染树，等到渲染树构建完成后，浏览器开始布局渲染树并将其绘制到屏幕上。这个过程比较复杂，涉及到两个概念：reflow（回流）和repain（重绘）。DOM节点中的各个元素是以盒模型的形式存在，这些都需要浏览器去计算其位置和大小等，这个过程称为reflow；当盒模型的位置、大小以及其他属性，如颜色、字体等确定下来之后，浏览器便开始绘制内容，这个过程称为repain。页面在首次加载时必然会经历reflow和repain。reflow和repain过程是非常消耗性能的，尤其是在移动设备上，它破坏用户体验，有时会造成页面卡顿。所以我们应该尽可能的减少reflow和repain。
JS的解析是由浏览器中的JS解析引擎完成的。
浏览器在解析过程中，如果遇到请求外部资源时，如图像、JS等。浏览器将重复1-6过程下载该资源。请求过程是异步的，并不会影响HTML文档进行加载，但是当文档加载过程中遇到JS文件，HTML文档会挂起渲染过程，不仅要等到文档中JS文件加载完毕还要等待解析执行完毕，才会继续HTML的渲染过程。原因是因为JS有可能修改DOM结构，这就意味着JS执行完成前，后续所有资源的下载是没有必要的，这就是JS阻塞后续资源下载的根本原因。CSS文件的加载不影响JS文件的加载，但是却会影响JS文件的执行。JS代码执行前浏览器必须保证CSS文件已经下载并加载完毕。
PS:步骤二的具体过程是：
- 浏览器缓存：浏览器会记录DNS一段时间，因此，只是第一个地方解析DNS请求；
- 操作系统缓存：如果在浏览器缓存中不包含这个记录，则会使用系统调用操作系统，获取操作系统的记录（保证最近的DNS查询缓存）；
- 路由器缓存：如果上述两个步骤均不能成功DNS记录，继续搜索路由器缓存；
- ISP缓存：若上述均失败，继续向ISP搜索。
