输入url之后的事

输入url之后的事

1. DNS查询
2. TCP连接
3. HTTP请求及响应
4. 服务器响应
5. 浏览器渲染

浏览器渲染的过程：

1.浏览器拿到HTML代码
2.开始解析html文档，从上到下，边解析，边生成DOM树。
3.当遇到css样式或者css外部样式文件，此时浏览器先向服务器发送请求，下载css文件，边下载边继续解析html，下载css完后生成CSSOM树。（加载图片资源时，不必等图片加载完毕，边加载边继续解析html）。
4.当遇到内部js或者外部js文件时，向服务器发出请求，下载js文件，浏览器开始解析js文件，必须等待js加载完毕后，才可以继续解析html。
5.边解析HTML,CSS，生成DOM树和CSSOM树，之后DOM树和CSSOM树生成渲染树。
6.浏览器根据渲染树计算出位置和大小。
7.最后绘制到浏览器。