HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML页面生命周期大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图了解 HTML页面的生命周期.我在网上找不到任何好的资源.所以我在ie中打开了f12工具并自己做了一些实验.基于此我得出了一些结论,有人可以告诉我,如果我是对的吗?

我的观察

1>当首先通过http请求页面时,浏览器接收HTML框架.此时,不向用户显示任何内容.

2>根据HTML框架中的内容,为资源发送了一些更多的附加请求(外部JavaScript,CSS,图像等)

3>浏览器等待,直到它收到脚本和css资源的http状态代码.

4>收到css和JavaScript的http状态代码后,浏览器才开始从上到下加载文档,执行它在途中遇到的任何嵌入式JavaScript.

5>如果顶部嵌入的JavaScript引用底部的HTML元素,则JavaScript将失败.

6>整个文档完成加载后,将触发jquery事件$(document).ready. (那就是我使用的是JQuery)

7>浏览器不等待脚本和css以外的资源,因此在向用户显示页面之后可以稍后加载像图像这样的资源.

解决方法

你几乎把它弄错了.
但这取决于代码(特别是第5,6和7点).例如,如果顶部的JS在$(document).ready之内,那么它不会失败.

其次,我更喜欢Firefox F12或Chrome F12而不是IE.它们非常详细且对开发人员友好.请参阅其中的NET选项卡以进一步了解.它将显示调用和加载资源的确切顺序,这是您主要查找的内容.

大佬总结

以上是大佬教程为你收集整理的HTML页面生命周期全部内容,希望文章能够帮你解决HTML页面生命周期所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。