当我们在浏览器的地址栏中输入一个URL:www.baidu.com,具体发生了什么?
1.对网址进行DNS域名解析,得到对应的ip地址;
2.根据这个ip,找到对应的服务器,建立TCP连接(三次握手);
(TCP是比http更底层的传输层协议)
3.TCP连接之后,发起http请求;
4.http响应返回回来html代码,浏览器接收到html代码;
5.浏览器解析html代码,并请求html代码中的一些资源(js文件、图片、css文件等)
6.浏览器渲染html;
7.服务器关闭连接 tcp、http连接
DNS如何解析域名?
浏览器自身的域名缓存查找,没找到就到操作系统的域名缓存查找,没找到就到hosts缓存查找(自己可以更改映射),没找到就去域名服务器查找。
浏览器如何解析html代码,请求代码中的资源,渲染至页面?
例如:下载index.html文件=》浏览器解析html,同时下载js,css,图片等文件=》html生成DOM树,css生成CSSOM树=》合成render树=》计算元素的位置、尺寸等(这是一次回流)=》根据位置、尺寸等信息,进行一次绘制(重绘),进行display属性,渲染完页面
因为js是单线程的,执行代码是从上至下的,浏览器的解析是异步的,可以一边解析html代码,一边请求js文件,但是如果遇到了js文件,则会将解析暂时挂起,因为js代码中可能会存在对dom的操作,可能会引起重绘和回流。