调整空行与英文版本保持一致

Author: leviding

2-ui/5-loading/02-script-async-defer/article.md

@@ -1,3 +1,4 @@
+
 # Script 标签属性：async, defer
 
 现代脚本中，脚本往往比 HTML 更 “重”：它们的大小通常更大，处理时间也更长。
@@ -88,6 +89,7 @@ Defer 脚本保持他们的相对顺序，就像常规脚本一样。
 `defer` 属性会忽略没有 `src` 属性的 `<script>` 脚本。
 ```
 
+
 ## async
 
 `async` 属性意味着脚本是完全独立的：
@@ -98,6 +100,7 @@ Defer 脚本保持他们的相对顺序，就像常规脚本一样。
     - `DOMContentLoaded` 也可能发生在异步脚本之后（此时异步脚本可能很短或者是从 HTTP 缓存中加载的）
 - 其他脚本不会等待 `async` 脚本加载完成，同样 `async` 脚本也不会等待其他脚本。
 
+
 因此，如果我们有几个 `async` 脚本，它们可能按任意次序执行，总之是先加载完成的就先运行：
 
 ```html run height=100
@@ -124,6 +127,7 @@ Defer 脚本保持他们的相对顺序，就像常规脚本一样。
 <script async src="https://google-analytics.com/analytics.js"></script>
 ```
 
+
 ## 动态脚本（Dynamic scripts）
 
 我们也可以使用 JavaScript 动态地添加脚本：
@@ -157,6 +161,7 @@ document.body.append(script);
 
 例如，这里我们添加了两个脚本。在没有设置 `script.async=false` 时，它们执行顺序为加载优先顺序（即 `small.js` 可能先运行）。但是当设置了 `script.async=false` 后，脚本执行顺序就是它在文档中的顺序：
 
+
 ```js run
 function loadScript(src) {
   let script = document.createElement('script');
@@ -170,6 +175,7 @@ loadScript("/article/script-async-defer/long.js");
 loadScript("/article/script-async-defer/small.js");
 ```
 
+
 ## 总结
 
 `async` 和 `defer` 属性有一个共同点：它们都不会阻塞页面的渲染。因此，用户可以立即阅读并了解页面内容。