前端经典面试之输入一个url请求到页面展示经历了哪些过程

面试的时候被问到这个问题好几次，总的来说查阅资料显示，总体被分为这样几个过程

    1、DNS解析

    2、TCP连接

    3、发送HTTP请求

    4、服务器处理请求并且返回HTTP报文

    5、浏览器解析并且渲染页面

    6、连接结束

具体的步骤有：

    1、DNS解析

       将浏览器输入的地址转换为唯一的ip地址

    2、TCP连接

       HTTP协议是以TPC协议作为传输层协议的

    3、HTTP请求

       其实这部分又可以称为前端工程师眼中的 HTTP，它主要发生在客户端，发送HTTP请求的过程就是构建HTTP请求报文并通          过TCP协议中发送到服务器指定端口。HTTP请求报文是由三部分组成：请求行，请求报头和请求正文

       常见的问题有：

          GET和POST请求有什么区别

          HTTP状态码

          301和302有什么区别

     4、服务器处理HTTP请求并且返回报文

         响应报头、响应报文

     5、浏览器渲染解析页面

         浏览器是一个边解析边渲染的过程，首先浏览器解析HTML文件构成DOM树，然后解析CSS文件构建渲染树，等到渲染完成          后，浏览器开始布局渲染树并将其绘制到屏幕上，这个过程比较复杂，涉及到两个概念，reflow（回流）和 repain（重                    绘）。DOM节点各个元素都是以盒模型的形式存在，这些都是需要浏览器去计算其位置和大小等，这个过程被称作为                    reflow，当浏览器的DOM属性确定下来之后，浏览器便开始绘制内容，这个过程被称为repain。页面在首次加载必然会经历            reflow和repain，非常的消耗性能，而移动端的设备资源有限，有时候会造成页面卡顿，应当尽量减少。

        JS的解析是由浏览器中的JS解析引擎完成的。JS是单线程运行，也就是说，在同一个时间内只能做一件事，所有的任务都           需要排队，前一个任务结束，后一个任务才能开始。但是又存在某些任务比较耗时，如IO读写等，所以需要一种机制可以先          执行排在后面的任务，这就是：同步任务(synchronous)和异步任务(asynchronous)。JS的执行机制就可以看做是一个主线程          加上一个任务队列(task queue)。同步任务就是放在主线程上执行的任务，异步任务是放在任务队列中的任务。所有的同步 任        务在主线程上执行，形成一个执行栈;异步任务有了运行结果就会在任务队列中放置一个事件；脚本运行时先依次运行执行            栈，然后会从任务队列里提取事件，运行任务队列中的任务，这个过程是不断重复的，所以又叫做事件循环(Event loop)。

   最后，应当考虑web系统优化