From 0f0408563d62973ce89c812aeee7eea4a9e569b7 Mon Sep 17 00:00:00 2001
From: ruanyf <yifeng.ruan@gmail.com>
Date: Thu, 12 Oct 2017 17:53:32 +0800
Subject: [PATCH] =?UTF-8?q?docs(module-loader):=20=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E5=99=A8=E6=A8=A1=E5=9D=97=E7=9A=84=E5=8A=A0=E8=BD=BD=E9=A1=BA?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/module-loader.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/module-loader.md b/docs/module-loader.md
index 664ebc5..5f22f8d 100644
--- a/docs/module-loader.md
+++ b/docs/module-loader.md
@@ -39,7 +39,7 @@
 浏览器加载 ES6 模块，也使用`<script>`标签，但是要加入`type="module"`属性。
 
 ```html
-<script type="module" src="foo.js"></script>
+<script type="module" src="./foo.js"></script>
 ```
 
 上面代码在网页中插入一个模块`foo.js`，由于`type`属性设为`module`，所以浏览器知道这是一个 ES6 模块。
@@ -47,17 +47,21 @@
 浏览器对于带有`type="module"`的`<script>`，都是异步加载，不会造成堵塞浏览器，即等到整个页面渲染完，再执行模块脚本，等同于打开了`<script>`标签的`defer`属性。
 
 ```html
-<script type="module" src="foo.js"></script>
+<script type="module" src="./foo.js"></script>
 <!-- 等同于 -->
-<script type="module" src="foo.js" defer></script>
+<script type="module" src="./foo.js" defer></script>
 ```
 
+如果网页有多个`<script type="module">`，它们会按照在页面出现的顺序依次执行。
+
 `<script>`标签的`async`属性也可以打开，这时只要加载完成，渲染引擎就会中断渲染立即执行。执行完成后，再恢复渲染。
 
 ```html
-<script type="module" src="foo.js" async></script>
+<script type="module" src="./foo.js" async></script>
 ```
 
+一旦使用了`async`属性，`<script type="module">`就不会按照在页面出现的顺序执行，而是只要该模块加载完成，就执行该模块。
+
 ES6 模块也允许内嵌在网页中，语法行为与加载外部脚本完全一致。
 
 ```html