一 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则不需要