javascript defer和async属性

所有<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用defer和async属性的情况下，

只有在解析完前面<script>元素中的代码之后，才会开始解析后面<script>元素中的代码。

由于浏览器会先解析完不使用defer属性的<script>元素中的代码，然后再解析后面的内容，

所以一般应该把<script>元素放在页面最后，即主要内容后面，</body>标签前面。

1.defer属性延迟脚本加载，只适用于外部脚本加载

使用defer属性可以让脚本在文档完全呈现之后再执行（立即下载，延后执行）；

延迟脚本总是按照指定它们的顺序执行。

2.async属性异步加载，只适用于外部脚本加载

使用async属性可以表示当前脚本不必等待其它脚本，也不必阻塞文档呈现，因此异步脚本不要在加载期间修改DOM；

不能保证异步脚本按照它们在页面中出现的顺序执行。