defer和async定义及区别

定义： script标签的两个属性，用于在不阻塞页面文档解析的前提下，控制脚本的下载和执行。

区别：

    <script async src="script.js"></script>
   // 有async，加载和渲染后续文档元素的过程将和脚本的加载与执行并行进行（异步）。
    <script defer src="myscript.js"></script>
    //有defer，加载后续文档元素的过程将和脚本的加载并行进行（异步），但是脚本的执行要在所有元素解析完成之后
   // 推荐使用defer