<script>标签async、defer的区别
heath_learning -
普通script：立即请求文件，并且阻塞渲染引擎，js文件加载完成后阻塞渲染引擎并立即执行文件内容
async属性：立即请求文件，但不阻塞渲染引擎，js文件加载完成后阻塞渲染引擎并立即执行文件内容（多个使用async引入的脚本不保证按引入顺序执行）
defer属性：立即请求文件，但不阻塞渲染引擎，等到html解析完成后(DOMContentLoaded事件调用前)再执行文件内容（多个使用defer引入的脚本会按引入顺序执行）
type="module"属性：浏览器按照ECMA Script 6标准将文件当做模块进行解析，默认阻塞效果同defer，也可以配合async在请求完成后立即执行
具体效果如图：
绿色的线表示解析html，蓝色的线表示请求文件，红色的线表示执行script代码
特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。
Tags 标签
javascripthtml5asyncdefer扩展阅读
HTML5离线存储
2020-03-06 14:13:06 []CSGO电竞API数据接口【West S2战队数据】分享使用演示
2020-09-03 07:18:05 []没有伞的孩子 [必须] 要学会奔跑
2020-09-17 04:49:49 []电竞APP源码开发 英雄联盟【S10战队数据】
2020-10-29 22:14:12 []Ajax实现搜索联想 搜索关键词提醒 无刷新搜索
2020-11-16 20:51:40 []php laravel 大批量导出 excel
2020-12-03 09:16:10 []php+js实现文件分块上传
2020-12-08 15:11:22 []在解决php5 Excel文件读取时的收获
2021-01-01 22:56:28 []微信小程序 BLE 蓝牙封装
2021-07-28 06:14:16 [亦然]你猜这是小程序还是webapp跳转？--小程序Webview与Webapp交互传参
2021-07-28 15:59:38 [王小o]加个好友，技术交流
