JS总结defer与async(一)

一 defer与async区别:

 

 

 

图:蓝色线代表网络读取,红色线代表执行时间,这俩都是针对脚本的。绿色线代表 HTML 解析。

 

二 DOMContentLoaded与load区别:https://www.cnblogs.com/caizhenbo/p/6679478.html

DOMContentLoaded:从页面空白到展示出页面内容,就是HTML文档被加载和解析完成,会触发DOMContentLoaded事件。

load:页面上所有的资源(图片,音频,视频等)被加载以后才会触发load事件,简单来说,页面的load事件会在DOMContentLoaded被触发之后才触发。 

css 和 html 是并行加载的,过程中如果遇到css 或者 img,则会向浏览器发送一个请求,待资源返回后,将其添加到dom的相应位置中。

 

 三 export与 export default区别:

  • export与export default均可用于导出常量、函数、文件、模块等
  • 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
  • 在一个文件或模块中,export、import可以有多个,export default仅有一个
  • 通过export方式导出,在导入时要加{ },export default则不需要

 

 

 

posted @ 2021-02-22 15:44  TerryMin  阅读(166)  评论(0编辑  收藏  举报