共计 338 个字符,预计需要花费 1 分钟才能阅读完成。
一般 script:立刻申请文件,并且阻塞渲染引擎,js 文件加载实现后阻塞渲染引擎并立刻执行文件内容
async 属性:立刻申请文件,但不阻塞渲染引擎,js 文件加载实现后阻塞渲染引擎并立刻执行文件内容(多个应用 async 引入的脚本不保障按引入程序执行)
defer 属性 :立刻申请文件,但不阻塞渲染引擎,等到 html 解析实现后(DOMContentLoaded 事件调用前) 再执行文件内容(多个应用 defer 引入的脚本会按引入程序执行)
type=”module” 属性 :浏览器依照ECMA Script 6
规范将文件当做模块进行解析,默认阻塞成果同defer
,也能够配合 async 在申请实现后立刻执行
具体成果如图:
绿色的线示意解析 html,蓝色的线示意申请文件,红色的线示意执行 script 代码
正文完
发表至: javascript
2022-01-18