script 标签的 async 和 defer 属性

提问：我们平时都是把 script 标签放到 body 的底部，这是为什么呢？

回答： 因为 html 页面是从上而下进行渲染的，遇到 script 标签的话，会进入，去 下载 相应的资源，直到下载好后就会 执行， html 页面才开始继续向下执行，这样会拖慢 html 页面的渲染速度，还有如果一些脚本文件需要操作 DOM，但此时 html 页面还没有加载好，就会报错了；所以一般我们把 script 放到 body 的底部；（总结：放在底部是要等待 html 加载好后，才进行加载）；

提问： 那 defer 和 async 的区别是什么呢？

回答：

首先先解释2个属性的意思：defer 推迟， async 异步；

如果你理解同步异步的话，可能会比较好理解&