标签async、defer的区别
普通script：立即请求文件，并且阻塞渲染引擎，js文件加载完成后阻塞渲染引擎并立即执行文件内容
async属性：立即请求文件，但不阻塞渲染引擎，js文件加载完成后阻塞渲染引擎并立即执行文件内容（多个使用async引入的脚本不保证按引入顺序执行）
defer属性：立即请求文件，但不阻塞渲染引擎，等到html解析完成后(DOMContentLoaded事件调用前)再执行文件内容（多个使用defer引入的脚本会按引入顺序执行）
type="module"属性：浏览器按照ECMA Script 6标准将文件当做模块进行解析，默认阻塞效果同defer，也可以配合async在请求完成后立即执行
【标签async、defer的区别】具体效果如图：
文章图片
绿色的线表示解析html，蓝色的线表示请求文件，红色的线表示执行script代码
推荐阅读
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- Shell-Bash变量与运算符
- 清明，是追思、是传承、是感恩。
- 牛人进化+|牛人进化+ 按自己的意愿过一生
- 七老修复好敏感、角质层薄、红血丝
- 华为旁！大社区、地铁新盘，佳兆业城市广场五期！
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 螃蟹和这些食物同吃，轻则腹泻、重则中毒！要小心哦~
- 八、「料理风云」