Node.js 网页的加载过程
第一步:
浏览器的地址栏 输入的网址 敲回车 会请求一次服务器
服务器会返回一个数据包 就是网页代码(html格式的文本文档)
第二步:
浏览器开始去运行解析html文本(此时还没有外部 图片,js,css,字体库资源)
(1)解析时 遇到了 img标签的src属性 会异步的 开始再次网络请求服务器 ,服务器返回数据包(图片编码) 然后渲染出来
(2)解析时 遇到了link-href 会异步的 开始再次网络请求服务器 ,服务器返回数据包(css编码) 然后加载
(3)解析时 xxxx-url 会异步的 开始再次网络请求服务器 ,服务器返回数据包(对应编码) 然后加载
(4)解析时script-src 会异步的 开始再次网络请求服务器 ,服务器返回数据包(js编码) 然后用js引擎去执行编码
注意:(四个小步骤没有先后顺序,在解析HTML文本时先解析到哪个就先对这个进行异步)
第三步:
所有资源加载完毕了 才会触发window.onload
第四步:
整个页面加载完成
本文来自博客园,作者:前端小白银,转载请注明原文链接:https://www.cnblogs.com/forever-ljf/p/16545491.html