从输入url到得到html的详细过程

版权声明：本文为博主原创文章，未经博主允许不得转载。

前端面试中经常会遇到这样的问题：从输入url得得到html这个过程中发生了什么类似问题，今天总结一下：

第一步，浏览器根据DNS服务器获取到域名的IP地址

第二步，浏览器向获取到的IP的服务器发送http请求

第三步，服务器收到、处理且返回http请求

第四步，浏览器获得返回内容，这个过程中是浏览器的渲染过程，包括：

1.将HTML解析成DOM树的结构

2.将css解析出结构化的css,也就是cssom

3.将DOM树和cssom合并在一起形成render tree,即渲染树

4.根据render tree进行渲染

5.有一点需要注意的是，在遇到<script>标签时，浏览器会先加载js,阻塞其它进程，只有当js加载完，才会继续对dom渲染

通常情况下，将css写在head中，将<script>放在body的最下面。