页面加载流程

浏览器是怎么加载网页的?

1. 浏览器的地址栏  输入的网址  敲回车  会请求一次服务器;服务器会返回一个数据包 就是网页代码(html格式的文本文档)
2. 浏览器开始去运行解析html文本(此时还没有外部 图片,js,css,字体库资源)
   1. 解析时 遇到了 img标签的src属性 会异步的 开始再次网络请求服务器 ,服务器返回数据包(图片编码) 然后渲染出来
   2. 解析时 遇到了link-href 会异步的 开始再次网络请求服务器 ,服务器返回数据包(css编码) 然后加载
   3. 解析时 xxxx-url会异步的 开始再次网络请求服务器 ,服务器返回数据包(对应编码) 然后加载
   4. 解析时script-src会异步的 开始再次网络请求服务器 ,服务器返回数据包(js编码) 然后用js引擎去执行编码
3. 所有资源加载完毕了  才会触发window.onload