Node.js 网页的加载过程

2022/8/3 1:23:40

本文主要是介绍Node.js 网页的加载过程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

这篇关于Node.js 网页的加载过程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程