HTML 中 script 标签的属性和加载顺序

script 标签默认是阻塞加载的，也就是先下载src内容，然后执行src内容，然后再往后读文档

head 中的 script 按顺序加载执行，然后再加载 body 的元素。

把 script 移动到文档最后，自然就会先加载body，再加载script，页面看上去更快了

如果加了 defer 属性，表示这个 script 下载后不急着执行，等到html解析结束后再执行。浏览器会下载a.js和b.js，同时一起加载 dom，加载完后再按顺序执行a.js 和 b.js

如果加了 async，就表示下载这两个脚本，下载好了和dom一起执行。浏览器会下载a.js和b.js，js下载时渲染dom，下载完后转到js执行，但一方面此时dom可能还没读完，所以不要操作 dom。一方面两个script的执行顺序可能不一样了，所以他们不能相互依赖；