![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器
文章平均质量分 80
菜鸟李先生
这个作者很懒,什么都没留下…
展开
-
DOMContentLoaded和Load的区别
详解 DOMContentLoaded首先我们先直观地感受下什么是 DOMContentLoaded。打开 Chrome DevTools,切到 Network 面板,重新加载网页,得到如下截图:标记 1 指向的蓝线以及标记 2 指向的蓝色字 “DOMContentLoaded:1.29s” 均表示 DOMContentLoaded 这个事件触发的时间,只不过表现形式不同而已。直观地感受了 DOMContentLoaded,那它究竟是个什么东东呢?什么是 DOMContentLoaded我们先来原创 2021-11-11 19:26:08 · 1671 阅读 · 0 评论 -
defer和async
浏览器渲染原理HTML 文档被加载和解析完成之前,浏览器做了哪些事情呢?那我们需要从浏览器渲染原理来谈谈。浏览器向服务器请求到了 HTML 文档后便开始解析,产物是 DOM(文档对象模型),到这里 HTML 文档就被加载和解析完成了。如果有 CSS 的会根据 CSS 生成 CSSOM(CSS 对象模型),然后再由 DOM 和 CSSOM 合并产生渲染树。有了渲染树,知道了所有节点的样式,下面便根据这些节点以及样式计算它们在浏览器中确切的大小和位置,这就是布局阶段。有了以上这些信息,下面就把节点绘制到浏览原创 2021-11-11 19:21:38 · 755 阅读 · 0 评论