From d8ae8316fee769b4a4d1c3931aba527ad080d70f Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sat, 4 Apr 2020 17:09:01 +0800
Subject: [PATCH 01/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 28 ++++++++++++------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index 31e021fd2f..0626ba56b4 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -1,28 +1,28 @@
 
 # 事件循环：微任务和宏任务
 
-JavaScript 在浏览器里的执行流程跟在 Node.js 中一样，是基于**事件循环**的。
+浏览器中 JavaScript 的执行流程和 Node.js 中的流程都是基于 **事件循环** 的。
 
-理解事件循环如何运行对于代码优化是重要的，有时对于正确的架构也很重要。
+理解事件循环的工作方式对于代码优化很重要，有时对于正确的架构也很重要。
 
-在本章中我们首先覆盖关于这个事情是如何运作的理论细节，然后看看这个知识的实际应用。
+在本章中，我们首先介绍有关事物工作方式的理论细节，然后介绍该只是的实际应用。
 
 ## 事件循环
 
-**事件循环**的概念非常简单。它是一个在 JavaScript 引擎等待任务、执行任务和休眠等待更多任务这几个状态之间的无穷无尽的循环。
+**事件循环** 的概念非常简单。它是一个在 JavaScript 引擎等待任务，执行任务和进入休眠状态等待更多任务这几个状态之间转换的无限循环。
 
-执行引擎通用的算法：
+引擎的一般算法：
 
 1. 当有任务时：
-    - 从最先进入的任务开始执行
-2. 休眠到有新的任务进入，然后到第 1 步
+    - 从最先进入的任务开始执行。
+2. 休眠直到出现任务，然后转到第 1 步。
 
-当我们浏览一个网页时就是上述这种形式。JavaScript 引擎大多数时候什么也不做，只在一个脚本、处理函数或者事件被激活时运行。
+当我们浏览一个网页时就是上述这种形式。JavaScript 引擎大多数时候不执行任何操作，仅在脚本/处理程序/事件激活时运行。
 
-任务举例：
+任务示例：
 
-- 当外部脚本 `<script src="...">` 加载进来时，任务就是执行它。
-- 当用户移动鼠标时，任务就是派发出 `mousemove` 事件和执行处理函数。
+- 当外部脚本 `<script src="...">` 加载完成时，任务就是执行它。
+- 当用户移动鼠标时，任务就是派生出 `mousemove` 事件和执行处理程序。
 - 当定时器 `setTimeout` 到期时，任务就是运行其回调。
 - ……诸如此类。
 
@@ -242,7 +242,7 @@ menu.onclick = function() {
 
 伴随本章描述的**宏任务**还存在着**微任务**，在章节[微任务](https://zh.javascript.info/microtask-queue)有提及到。
 
-微任务仅仅由我们的代码产生。它们通常由 promises 生成：对于 `.then/catch/finally` 的处理函数变成了一个微任务。微任务通常"隐藏在" `await` 下，因为它也是另一种处理 promise 的形式。
+微任务仅仅由我们的代码产生。它们通常由 promises 生成：对于 `.then/catch/finally` 的处理程序变成了一个微任务。微任务通常"隐藏在" `await` 下，因为它也是另一种处理 promise 的形式。
 
 有一个特殊的函数 `queueMicrotask(func)`，可以将 `func` 加入到微任务队列来执行。
 
@@ -318,11 +318,11 @@ alert("code");
 
 它被用来拆分一个计算耗费型任务为小片段，使浏览器可以对用户行为作出反馈和展示计算的进度。
 
-也被用在事件处理函数中来定时执行一个行为，在当前事件被完全处理（冒泡结束）之后。
+也被用在事件处理程序中来定时执行一个行为，在当前事件被完全处理（冒泡结束）之后。
 
 计划一个新的**微任务**：
 - 使用 `queueMicrotask(f)`。
-- promise 的处理函数也是进入到微任务队列。
+- promise 的处理程序也是进入到微任务队列。
 
 在微任务中间没有 UI 或者网络事件的处理：它们一个接一个地立即执行。
 

From ea6c49787d2d38ef6ed97300d79cdbc365780507 Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sat, 4 Apr 2020 20:27:31 +0800
Subject: [PATCH 02/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index 0626ba56b4..c59aa8183d 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -23,28 +23,28 @@
 
 - 当外部脚本 `<script src="...">` 加载完成时，任务就是执行它。
 - 当用户移动鼠标时，任务就是派生出 `mousemove` 事件和执行处理程序。
-- 当定时器 `setTimeout` 到期时，任务就是运行其回调。
+- 当定时器 `setTimeout` 时间到期时，任务就是运行其回调。
 - ……诸如此类。
 
-任务队列就是一个集合，引擎来处理它们，然后等待更多的任务（即休眠，几乎不消耗 CPU 资源）。
+设置任务 —— 引擎处理它们 —— 然后等待更多任务（即休眠，几乎不消耗 CPU 资源）。
 
-一个任务到来时引擎可能正处于运行状态，那么这个任务就被入队。
+一个任务到来时，引擎可能正处于繁忙状态，那么这个任务就会被排入队列。
 
-多个任务组成了一个队列，命名为“宏任务队列”（v8 术语）：
+多个任务组成了一个队列，即所谓的“宏任务队列”（v8 术语）：
 
 ![](eventLoop.svg)
 
-例如，当引擎忙于执行一段 `script` 时，还可能有用户移动鼠标产生了 `mousemove` 事件，`setTimeout` 或许也刚好到期等这些事件，这些任务组成一个队列，如上图所示。
+例如，当引擎正在忙于执行一段 `script` 时，用户可能会移动鼠标而产生 `mousemove` 事件，`setTimeout` 或许也刚好到期，以及其他任务，这些任务组成了一个队列，如上图所示。
 
-队列里的任务执行基于“先进先出”原则。当浏览器引擎执行完 `script`，然后来处理 `mousemove` 事件，然后再执行 `setTimeout`  的执行函数，诸如此类。
+队列中的任务基于“先进先出”的原则执行。当浏览器引擎执行完 `script` 后，它会处理 `mousemove` 事件，然后处理 `setTimeout` 处理程序，依此类推。
 
-到目前为止很简单，是吧？
+到目前为止，很简单，对吧？
 
-两个更细节的点：
-1. 当引擎处理任务时不会执行渲染。如果执行需要很长一段时间也是如此。对于 DOM 的修改只有当任务执行完成才会被绘制。
-2. 如果一个任务执行时间过长，浏览器无法处理其他任务，在一定时间后就会在整个页面抛出一个如“页面未响应”的警示建议终止这个任务。这样的场景经常发生在很多复杂计算或者程序错误执行到死循环里。
+两个细节：
+1. 引擎执行任务时永远不会进行渲染。如果任务执行需要很长一段时间也没关系。仅在任务完成后才会绘制对 DOM 的更改。
+2. 如果一项任务执行花费的时间过长，浏览器将无法执行其他任务，无法处理用户事件，因此，在一定时间后浏览器会在整个页面抛出一个如“页面未响应”之类的警报，建议你终止这个任务。这种情况常发生在有大量复杂的计算或导致死循环的程序错误时。
 
-这样我们有了一个理论，接下来我们来应用所学到的知识。
+以上是理论知识。现在，让我们来看看如何应用这些知识。
 
 ## 用例 1：拆分 CPU 耗费型任务
 

From 3341768d80260bd5a41300c344d1f1e8dfa1ca73 Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sat, 4 Apr 2020 20:49:18 +0800
Subject: [PATCH 03/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index c59aa8183d..52936f0e35 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -5,7 +5,7 @@
 
 理解事件循环的工作方式对于代码优化很重要，有时对于正确的架构也很重要。
 
-在本章中，我们首先介绍有关事物工作方式的理论细节，然后介绍该只是的实际应用。
+在本章中，我们首先介绍有关事物工作方式的理论细节，然后介绍该知识的实际应用。
 
 ## 事件循环
 
@@ -46,19 +46,19 @@
 
 以上是理论知识。现在，让我们来看看如何应用这些知识。
 
-## 用例 1：拆分 CPU 耗费型任务
+## 用例 1：拆分 CPU 过载任务
 
-假如我们有一个 CPU 耗费型任务。
+假设我们有一个 CPU 过载任务。
 
-例如，语法高亮（用来给本示例页面代码上色）是相当繁重的 CPU 任务。为了高亮代码，它执行分析，创造了很多上色后的元素，并把它们添加到页面文档中，这样长文本就会消耗很多的时间。
+例如，语法高亮（用来给本页面中的示例代码着色）是相当耗费 CPU 资源的任务。为了高亮显示代码，它执行分析，创建很多着了色的元素，然后将它们添加到文档中 —— 对于文本量大的文档来说，需要耗费很长时间。
 
-当引擎忙于语法高亮时，它就无法处理其他 DOM 相关的事情，执行用户的事件等。这样或许会导致浏览器“中断”甚至是“挂起”一段时间，这没法接受。
+当引擎忙于语法高亮时，它就无法处理其他 DOM 相关的工作，例如处理用户事件等。它甚至可能会导致浏览器“中断（hiccup）”甚至“挂起（hang）”一段时间，这是不可接受的。
 
-我们可以拆分大任务为小片任务来规避问题。高亮前 100 行，然后设定 `setTimeout`（延时参数为 0）来高亮另外的 100 行，以此类推。
+我们可以通过将大任务拆分成多个小任务来避免这个问题。高亮显示前 100 行，然后使用 `setTimeout`（延时参数为 0）来安排后 100 行的高亮显示，依此类推。
 
-为了演示此方法，从简洁性上考虑，我们用从 `1` 数到 `1000000000` 的函数来代替语法高亮。
+为了演示这种方法，简单起见，让我们写一个从 `1` 数到 `1000000000` 的函数，而不写文本高亮。
 
-如果你运行如下代码，引擎会"挂起"一段时间。对于服务端 JS 这会显而易见，当运行在浏览器上，尝试点击页面上其他按钮时，你会注意到没有任何其他的事件被执行知道数数函数执行完成。
+如果你运行下面这段代码，你会看到引擎会“挂起”一段时间。对于服务端 JS 来说这显而易见，并且如果你在浏览器中运行它，尝试点击页面上其他按钮时，你会发现在计数结束之前不会处理其他事件。
 
 ```js run
 let i = 0;
@@ -67,7 +67,7 @@ let start = Date.now();
 
 function count() {
 
-  // 执行了一些繁重的任务
+  // 做一个繁重的任务
   for (let j = 0; j < 1e9; j++) {
     i++;
   }
@@ -76,7 +76,6 @@ function count() {
 }
 
 count();
-
 ```
 
 浏览器甚至可能会出现“脚本执行时间过长”的警告。

From 3b367fa6d98b4fa070c002af8c668e692fc560cc Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sat, 4 Apr 2020 20:58:14 +0800
Subject: [PATCH 04/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index 52936f0e35..73f221cbab 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -78,9 +78,9 @@ function count() {
 count();
 ```
 
-浏览器甚至可能会出现“脚本执行时间过长”的警告。
+浏览器甚至可能会显示一个“脚本执行时间过长”的警告。
 
-让我们用嵌套的 `setTimeout` 拆分这个任务：
+让我们使用嵌套的 `setTimeout` 调用来拆分这个任务：
 
 ```js run
 let i = 0;
@@ -89,7 +89,7 @@ let start = Date.now();
 
 function count() {
 
-  // 做一个繁重工作的一部分 (*)
+  // 做繁重的任务的一部分 (*)
   do {
     i++;
   } while (i % 1e6 != 0);
@@ -97,26 +97,25 @@ function count() {
   if (i == 1e9) {
     alert("Done in " + (Date.now() - start) + 'ms');
   } else {
-    setTimeout(count); // 计划新的调用 (**)
+    setTimeout(count); // 安排新的调用 (**)
   }
 
 }
 
 count();
-
 ```
 
-现在浏览器界面在数数执行过程中是完全可用的。
+现在，浏览器界面在“计数”过程中可以正常使用。
 
-单次运行 `count` 做了一部分工作 `(*)`，然后如果必要的话，重新计划自身的执行 `(**)`：
+单次运行 `count` 会完成工作 `(*)` 的一部分，，然后根据需要重新安排自身的执行 `(**)`：
 
-1. 首先运行数数：`i=1...1000000`。
-2. 然后运行数数：`i=1000001..2000000`。
-3. 以此类推。
+1. 首先运行计数：`i=1...1000000`。
+2. 然后运行计数：`i=1000001..2000000`。
+3. ……以此类推。
 
 现在，如果一个任务（例如 `onclick` 事件）在引擎忙着执行第一步的时候同时发生，它就会入队然后在第一步执行完成后且第二步之前执行。周期性地在 `count` 的执行返回到事件循环，为 JavaScript 引擎提供了足够的“空间”来做别的事情，比如对用户的行为作出反应。 
 
-需要关注的是两者变体 —— 有和没有用 `setTimeout` 拆分任务 —— 在执行速度上是相当的。在执行数数的总耗时是没有多少差异的。
+需要关注的是两者变体 —— 有和没有用 `setTimeout` 拆分任务 —— 在执行速度上是相当的。在执行计数的总耗时是没有多少差异的。
 
 为了使两者耗时更接近，我们来做一个改进。
 
@@ -274,7 +273,7 @@ alert("code");
 
 如果我们想要异步执行（在当前代码之后）一个函数，但是要在修改被渲染或者新的事件被处理之前，我们可以用 `queueMicrotask` 来定时执行。
 
-还是跟前面的类似的“数数型进度展示条”的例子，不同的是用 `queueMicrotask` 来代替 `setTimeout`。你可以看到它在最后才渲染。就像写的是同步代码：
+还是跟前面的类似的“计数型进度展示条”的例子，不同的是用 `queueMicrotask` 来代替 `setTimeout`。你可以看到它在最后才渲染。就像写的是同步代码：
 
 ```html run
 <div id="progress"></div>

From 804cef9188e1298fa701effe0e9a617abef41fbf Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sat, 4 Apr 2020 22:44:08 +0800
Subject: [PATCH 05/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index 73f221cbab..ef689baaac 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -23,7 +23,7 @@
 
 - 当外部脚本 `<script src="...">` 加载完成时，任务就是执行它。
 - 当用户移动鼠标时，任务就是派生出 `mousemove` 事件和执行处理程序。
-- 当定时器 `setTimeout` 时间到期时，任务就是运行其回调。
+- 当安排的（scheduled）`setTimeout` 时间到达时，任务就是运行其回调。
 - ……诸如此类。
 
 设置任务 —— 引擎处理它们 —— 然后等待更多任务（即休眠，几乎不消耗 CPU 资源）。
@@ -54,7 +54,7 @@
 
 当引擎忙于语法高亮时，它就无法处理其他 DOM 相关的工作，例如处理用户事件等。它甚至可能会导致浏览器“中断（hiccup）”甚至“挂起（hang）”一段时间，这是不可接受的。
 
-我们可以通过将大任务拆分成多个小任务来避免这个问题。高亮显示前 100 行，然后使用 `setTimeout`（延时参数为 0）来安排后 100 行的高亮显示，依此类推。
+我们可以通过将大任务拆分成多个小任务来避免这个问题。高亮显示前 100 行，然后使用 `setTimeout`（延时参数为 0）来安排（schedule）后 100 行的高亮显示，依此类推。
 
 为了演示这种方法，简单起见，让我们写一个从 `1` 数到 `1000000000` 的函数，而不写文本高亮。
 
@@ -97,7 +97,7 @@ function count() {
   if (i == 1e9) {
     alert("Done in " + (Date.now() - start) + 'ms');
   } else {
-    setTimeout(count); // 安排新的调用 (**)
+    setTimeout(count); // 安排（schedule）新的调用 (**)
   }
 
 }
@@ -107,19 +107,19 @@ count();
 
 现在，浏览器界面在“计数”过程中可以正常使用。
 
-单次运行 `count` 会完成工作 `(*)` 的一部分，，然后根据需要重新安排自身的执行 `(**)`：
+单次运行 `count` 会完成工作 `(*)` 的一部分，，然后根据需要重新安排（schedule）自身的执行 `(**)`：
 
 1. 首先运行计数：`i=1...1000000`。
 2. 然后运行计数：`i=1000001..2000000`。
 3. ……以此类推。
 
-现在，如果一个任务（例如 `onclick` 事件）在引擎忙着执行第一步的时候同时发生，它就会入队然后在第一步执行完成后且第二步之前执行。周期性地在 `count` 的执行返回到事件循环，为 JavaScript 引擎提供了足够的“空间”来做别的事情，比如对用户的行为作出反应。 
+现在，如果在引擎忙于执行第一部分时出现了一个新的副任务（例如 `onclick` 事件），则该任务会被排入队列，然后在第一部分执行结束时，并在下一部分开始执行前，会执行该副任务。周期性地在两次 `count` 执行期间返回事件循环，这为 JavaScript 引擎提供了足够的“空气”来执行其他操作，以响应其他的用户行为。
 
-需要关注的是两者变体 —— 有和没有用 `setTimeout` 拆分任务 —— 在执行速度上是相当的。在执行计数的总耗时是没有多少差异的。
+值得注意的是这两种变体 —— 是否使用了 `setTimeout` 对任务进行拆分 —— 在执行速度上是相当的。在执行计数的总耗时上没有多少差异。
 
-为了使两者耗时更接近，我们来做一个改进。
+为了使两者耗时更接近，让我们来做一个改进。
 
-我们把定时任务放在 `count()` 的一开始：
+我们将要把调度（schedule）任务移动到 `count()` 的开头：
 
 ```js run
 let i = 0;
@@ -128,9 +128,9 @@ let start = Date.now();
 
 function count() {
 
-  // 移动定时任务到开始处
+  // move the scheduling to the beginning
   if (i < 1e9 - 1e6) {
-    setTimeout(count); // 定时发起新的调用
+    setTimeout(count); // schedule the new call
   }
 
   do {
@@ -144,7 +144,6 @@ function count() {
 }
 
 count();
-
 ```
 
 现在我们开始调用 `count()`，在发现我们还将需要调用 `count()` 时，就在做具体的任务之前立即定时。

From a5a03d6390a64d1b8b509db221812e676009e5eb Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 10:00:39 +0800
Subject: [PATCH 06/11] Update article.md

---
 1-js/05-data-types/01-primitives-methods/article.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-js/05-data-types/01-primitives-methods/article.md b/1-js/05-data-types/01-primitives-methods/article.md
index 00f75b3aaf..c2073a66a0 100644
--- a/1-js/05-data-types/01-primitives-methods/article.md
+++ b/1-js/05-data-types/01-primitives-methods/article.md
@@ -68,7 +68,7 @@ alert( str.toUpperCase() ); // HELLO
 
 所以原始类型可以提供方法，但它们依然是轻量级的。
 
-JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范，并且表现得好像它创造了一样。
+JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范，并且表现得好像它创建了一样。
 
 数字有其自己的方法，例如，[toFixed(n)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) 将数字四舍五入到给定的精度：
 

From 5b6ea4a3f4c1215eb3c990fb69e9dd0e700254e8 Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 10:01:06 +0800
Subject: [PATCH 07/11] Update article.md

---
 8-web-components/1-webcomponents-intro/article.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/8-web-components/1-webcomponents-intro/article.md b/8-web-components/1-webcomponents-intro/article.md
index e5a2a990c6..7dcb5a1140 100644
--- a/8-web-components/1-webcomponents-intro/article.md
+++ b/8-web-components/1-webcomponents-intro/article.md
@@ -26,7 +26,7 @@
 
 ……并且这个家伙能飞，它让人类在太空中能够生存！
 
-这些复杂的设备是如何被创造的？
+这些复杂的设备是如何被创建的？
 
 我们可以从中借鉴哪些原则，让我们的开发项目同样的可靠并且可大规模化呢？或者至少让我们可以接近这些目标。
 
@@ -69,7 +69,7 @@
 而现在浏览器已经原生支持了「Web Components」，我们就可以不用再自己去模拟组件化的结构了。
 
 - [Custom elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) —— 用于自定义 HTML 元素.
-- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) —— 为组件创造内部 DOM，它对外部是不可见的。
+- [Shadow DOM](https://dom.spec.whatwg.org/#shadow-trees) —— 为组件创建内部 DOM，它对外部是不可见的。
 - [CSS Scoping](https://drafts.csswg.org/css-scoping/) —— 申明仅应用于组件的 Shadow DOM 内的样式。
 - [Event retargeting](https://dom.spec.whatwg.org/#retarget) 以及更多的小东西，让自定义组件更适用于开发工作。
 

From 0a13d69e8906a5b3aaea5b937de900a5fda4c56a Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 10:01:48 +0800
Subject: [PATCH 08/11] Update article.md

---
 1-js/10-error-handling/2-custom-errors/article.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-js/10-error-handling/2-custom-errors/article.md b/1-js/10-error-handling/2-custom-errors/article.md
index 2385998d28..4b72741a03 100644
--- a/1-js/10-error-handling/2-custom-errors/article.md
+++ b/1-js/10-error-handling/2-custom-errors/article.md
@@ -119,7 +119,7 @@ try {
 // ...
 ```
 
-使用 `instanceof` 的版本要好得多，因为将来我们会对 `ValidationError` 进行扩展，创造它的子类型，例如 `PropertyRequiredError`。而 `instanceof` 检查对于新的继承类也适用。所以这是面向未来的做法。
+使用 `instanceof` 的版本要好得多，因为将来我们会对 `ValidationError` 进行扩展，创建它的子类型，例如 `PropertyRequiredError`。而 `instanceof` 检查对于新的继承类也适用。所以这是面向未来的做法。
 
 还有一点很重要，在 `catch` 遇到了未知的错误，它会在 `(**)` 行将该错误再次抛出。`catch` 块只知道如何处理 validation 错误和语法错误，而其他错误（由于代码中的错字或其他未知的错误）应该被扔出（fall through）。
 

From c5a0cf034403cd4f8880a670dff820e01ae407a7 Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 10:02:09 +0800
Subject: [PATCH 09/11] Update article.md

---
 7-animation/1-bezier-curve/article.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/7-animation/1-bezier-curve/article.md b/7-animation/1-bezier-curve/article.md
index b6a68d174a..a0aa5b30f6 100644
--- a/7-animation/1-bezier-curve/article.md
+++ b/7-animation/1-bezier-curve/article.md
@@ -100,7 +100,7 @@
 **德卡斯特里奥算法构造三点贝塞尔曲线：**
 
 1. 绘制控制点。在上面的演示中，它们标有：`1`、`2` 和 `3`。
-2. 创造控制点 1 -> 2 -> 3 间的线段. 在上面的演示中它们是<span style="color:#825E28">棕色</span>的。
+2. 创建控制点 1 -> 2 -> 3 间的线段. 在上面的演示中它们是<span style="color:#825E28">棕色</span>的。
 3. 参数 `t` 从 `0` to `1` 变化。 在上面的演示中取值 `0.05`：循环遍历 `0, 0.05, 0.1, 0.15, ... 0.95, 1`。
 
     对于每一个 `t` 的取值：

From 52a099d0d868f10273e79cd7734a93ed8b06a45f Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 10:52:04 +0800
Subject: [PATCH 10/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 83 ++++++++++++------------
 1 file changed, 43 insertions(+), 40 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index ef689baaac..2647c4a5b0 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -41,7 +41,7 @@
 到目前为止，很简单，对吧？
 
 两个细节：
-1. 引擎执行任务时永远不会进行渲染。如果任务执行需要很长一段时间也没关系。仅在任务完成后才会绘制对 DOM 的更改。
+1. 引擎执行任务时永远不会进行渲染（render）。如果任务执行需要很长一段时间也没关系。仅在任务完成后才会绘制对 DOM 的更改。
 2. 如果一项任务执行花费的时间过长，浏览器将无法执行其他任务，无法处理用户事件，因此，在一定时间后浏览器会在整个页面抛出一个如“页面未响应”之类的警报，建议你终止这个任务。这种情况常发生在有大量复杂的计算或导致死循环的程序错误时。
 
 以上是理论知识。现在，让我们来看看如何应用这些知识。
@@ -119,7 +119,7 @@ count();
 
 为了使两者耗时更接近，让我们来做一个改进。
 
-我们将要把调度（schedule）任务移动到 `count()` 的开头：
+我们将要把调度（scheduling）移动到 `count()` 的开头：
 
 ```js run
 let i = 0;
@@ -128,9 +128,9 @@ let start = Date.now();
 
 function count() {
 
-  // move the scheduling to the beginning
+  // 将调度（scheduling）移动到开头
   if (i < 1e9 - 1e6) {
-    setTimeout(count); // schedule the new call
+    setTimeout(count); // 安排（schedule）新的调用
   }
 
   do {
@@ -146,25 +146,26 @@ function count() {
 count();
 ```
 
-现在我们开始调用 `count()`，在发现我们还将需要调用 `count()` 时，就在做具体的任务之前立即定时。
+现在，当我们开始调用 `count()` 时，会看到我们需要对 `count()` 进行更多调用，我们就会在工作前立即安排它。
 
-如果你运行它，会注意到耗时明显减少。
+如果你运行它，你很容易注意到它花费的时间明显减少了。
 
 为什么？
 
-很简单：你应该还记得，浏览器执行多个嵌套的 `setTimeout` 调用最小延时 4ms。即使设置了 `0` 还是 `4ms`（或者更久一些）。所以我们早一点定时，它就会运行地快一些。
+这很简单：你应该还记得，多个嵌套的 `setTimeout` 调用在浏览器中的最小延迟为 4ms。即使我们设置了 `0`，但还是 `4ms`（或者更久一些）。所以我们安排（schedule）得越早，运行速度也就越快。
 
-最后，我们拆分 CPU 耗费型任务为几部分，现在它不会阻塞用户的界面了。 而且总耗时并不会多很多。
+最后，我们将一个繁重的任务拆分成了几部分，现在它不会阻塞用户界面了。而且其总耗时并不会长很多。
 
-## 用例 2：进度指示器
+## 用例 2：进度指示
 
-另外一个给浏览器脚本拆分繁重任务的好处是我们可以展示进度指示器。
+对浏览器脚本中的过载型任务进行拆分的另一个好处是，我们可以显示进度指示。
 
-通常浏览器会在当前运行的代码完成后执行渲染。如果一个任务耗时很久也是这样。对 DOM 的修改只有在任务结束后才会被绘制。
+通常，浏览器会在当前运行的代码完成后进行渲染（render）。任务的执行是否会花费很长时间对此没有影响。对 DOM 的更改只有在任务完成后才会被绘制。
 
-从一方面讲，这非常好，因为我们的函数可能创造出很多的元素，把它们挨个地插入到文档中然后改变它们的样式 —— 页面访问者就不会看到任何的 “中间态”，也就是未完成的状态。很重要，对吧？
+从一方面讲，这非常好，因为我们的函数可能会创建很多元素，将它们一个接一个地插入到文档中，并更改其样式 —— 访问者不会看到任何未完成的“中间态”内容。很重要，对吧？
+
+这是一个示例，对 `i` 的更改在该函数完成前不会显示出来，所以我们将只会看到最后的值：
 
-这是一个样例，`i` 的改变在函数结束前不会有变化，所以我们只会看到最后的值：
 
 ```html run
 <div id="progress"></div>
@@ -180,14 +181,13 @@ count();
 
   count();
 </script>
-
 ```
 
-……但是我们可能会想要在执行任务期间展示一些东西，例如进度条。
+……但是我们也可能想在任务执行期间展示一些东西，例如进度条。
 
-如果我们用 `setTimeout` 拆分繁重任务为小片段，值的改变就会在它们之间被绘制。
+如果我们使用 `setTimeout` 将繁重的任务拆分成几部分，那么变化就会被在它们之间绘制出来。
 
-这样看起来好多了：
+这看起来更好看：
 
 ```html run
 <div id="progress"></div>
@@ -197,7 +197,7 @@ count();
 
   function count() {
 
-    // 执行一些繁重的工作 (*)
+    // 做繁重的任务的一部分 (*)
     do {
       i++;
       progress.innerHTML = i;
@@ -211,41 +211,42 @@ count();
 
   count();
 </script>
-``` 
+```
+
+现在 `div` 显示了 `i` 的值的增长，这就是进度条的一种。
 
-现在 `div` 展示了 `i` 的值的增长，跟进度条很类似了。
 
 ## 用例 3：在事件之后做一些事情
 
-在事件处理中我们可能要延期一些行为的执行，直到事件冒泡完成并被所有层级接手和处理之后。我们可以把这部分代码放在 0 延迟的 `setTimeout`。
+在事件处理程序中，我们可能会决定推迟某些行为，直到事件冒泡并在所有级别上得到处理后。我们可以通过将该代码包装到零延迟的 `setTimeout` 中来做到这一点。
 
-在[生成自定义事件](https://zh.javascript.info/dispatch-events)章节中，我们看到这样一个例子：自定义事件 `menu-open` 在 `setTimeout` 中被派发，所以它发生在“click”事件被完全处理后。
+在 <info:dispatch-events> 一章中，我们看到过这样一个例子：自定义事件 `menu-open` 被在 `setTimeout` 中分派（dispatched），所以它在 `click` 事件被处理完成之后发生。
 
 ```js
 menu.onclick = function() {
   // ...
 
-  // 创建一个附带被点击菜单项数据的自定义事件
+  // 创建一个具有被点击的菜单项的数据的自定义事件
   let customEvent = new CustomEvent("menu-open", {
     bubbles: true
   });
 
-  // 异步派发自定义事件
+  // 异步分派（dispatch）自定义事件
   setTimeout(() => menu.dispatchEvent(customEvent));
 };
 ```
 
 ## 宏任务和微任务
 
-伴随本章描述的**宏任务**还存在着**微任务**，在章节[微任务](https://zh.javascript.info/microtask-queue)有提及到。
+除了本章中所讲的 **宏任务（macrotask）** 外，还有在 <info:microtask-queue> 一章中提到的 **微任务（microtask）**。
 
-微任务仅仅由我们的代码产生。它们通常由 promises 生成：对于 `.then/catch/finally` 的处理程序变成了一个微任务。微任务通常"隐藏在" `await` 下，因为它也是另一种处理 promise 的形式。
+微任务仅来自于我们的代码。它们通常是由 promise 创建的：对 `.then/catch/finally` 处理程序的执行会成为微任务。微任务也被用于 `await` 的“幕后”，因为它是 promise 处理的另一种形式。
 
-有一个特殊的函数 `queueMicrotask(func)`，可以将 `func` 加入到微任务队列来执行。
+还有一个特殊的函数 `queueMicrotask(func)`，它对 `func` 进行排队，以在微任务队列中执行。
 
-**在每个宏任务之后，引擎立即执行所有微任务队列中的任务，比任何其他的宏任务或者渲染或者其他事情都要优先。**
+**每个宏任务之后，引擎会立即执行微任务队列中的所有任务，然后再执行其他的宏任务，或渲染，或进行其他任何操作。**
 
-来看看例子：
+例如，看看下面这个示例：
 
 ```js run
 setTimeout(() => alert("timeout"));
@@ -256,23 +257,23 @@ Promise.resolve()
 alert("code");
 ```
 
-这里的执行顺序是什么呢？
+这里的执行顺序是怎样的？
 
-1. `code` 首先出现，因为它是常规的同步调用。
-2. `promise` 第二个出现，因为 `then` 从微任务队列中来，在当前代码之后执行。
-3. `timeout` 最后出现，因为它是一个宏任务。
+1. `code` 首先显示，因为它是常规的同步调用。
+2. `promise` 第二个出现，因为 `then` 会通过微任务队列，并在当前代码之后运行。
+3. `timeout` 最后显示，因为它是一个宏任务。
 
-更详细的事件循环图如下：
+更详细的事件循环图示如下（顺序是从上到下，即：首先是脚本，然后是微任务，渲染等）：
 
 ![](eventLoop-full.svg)
 
-**所有的微任务在任何其他的事件处理或者渲染或者任何其他的宏任务发生之前完成调用。**
+微任务会在执行任何其他事件处理，或渲染，或执行任何其他宏任务之前完成。
 
-这非常重要，因为它保证了微任务中的程序运行环境基本一致（没有鼠标位置改变，没有新的网络返回数据，等等）。
+这很重要，因为它确保了微任务之间的应用程序环境基本相同（没有鼠标坐标更改，没有新的网络数据等）。
 
-如果我们想要异步执行（在当前代码之后）一个函数，但是要在修改被渲染或者新的事件被处理之前，我们可以用 `queueMicrotask` 来定时执行。
+如果我们想要异步执行（在当前代码之后）一个函数，但是要在更改被渲染或新事件被处理之前运行，那么我们可以使用 `queueMicrotask` 来对其进行安排（schedule）。
 
-还是跟前面的类似的“计数型进度展示条”的例子，不同的是用 `queueMicrotask` 来代替 `setTimeout`。你可以看到它在最后才渲染。就像写的是同步代码：
+这是一个与前面那个例子类似的，带有“计数进度条”的示例，但是它使用了 `queueMicrotask` 而不是 `setTimeout`。你可以看到它在最后才渲染。就像写的是同步代码一样：
 
 ```html run
 <div id="progress"></div>
@@ -282,14 +283,16 @@ alert("code");
 
   function count() {
 
-    // 执行一些繁重的工作 (*)
+    // 做繁重的任务的一部分 (*)
     do {
       i++;
       progress.innerHTML = i;
     } while (i % 1e3 != 0);
 
     if (i < 1e6) {
+  *!*
       queueMicrotask(count);
+  */!*
     }
 
   }
@@ -300,7 +303,7 @@ alert("code");
 
 ## 总结
 
-更具体的事件循环的算法（尽管跟[标准](https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model)相比是简化过的）：
+事件循环的更详细的算法（尽管与 [规范](https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model) 相比仍然是简化过的）：
 
 1. 从**宏任务**队列出列并执行最前面的任务（比如“script”）。
 2. 执行所有的**微任务**：

From e4b72be866b4a9db626ec0daa20cf0d4f70d79a5 Mon Sep 17 00:00:00 2001
From: LeviDing <imdingxuewen@gmail.com>
Date: Sun, 5 Apr 2020 11:38:44 +0800
Subject: [PATCH 11/11] Update article.md

---
 2-ui/99-ui-misc/03-event-loop/article.md | 54 ++++++++++++------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md
index 2647c4a5b0..dae3c99033 100644
--- a/2-ui/99-ui-misc/03-event-loop/article.md
+++ b/2-ui/99-ui-misc/03-event-loop/article.md
@@ -17,13 +17,13 @@
     - 从最先进入的任务开始执行。
 2. 休眠直到出现任务，然后转到第 1 步。
 
-当我们浏览一个网页时就是上述这种形式。JavaScript 引擎大多数时候不执行任何操作，仅在脚本/处理程序/事件激活时运行。
+当我们浏览一个网页时就是上述这种形式。JavaScript 引擎大多数时候不执行任何操作，仅在脚本/处理程序/事件激活时执行。
 
 任务示例：
 
 - 当外部脚本 `<script src="...">` 加载完成时，任务就是执行它。
 - 当用户移动鼠标时，任务就是派生出 `mousemove` 事件和执行处理程序。
-- 当安排的（scheduled）`setTimeout` 时间到达时，任务就是运行其回调。
+- 当安排的（scheduled）`setTimeout` 时间到达时，任务就是执行其回调。
 - ……诸如此类。
 
 设置任务 —— 引擎处理它们 —— 然后等待更多任务（即休眠，几乎不消耗 CPU 资源）。
@@ -107,10 +107,10 @@ count();
 
 现在，浏览器界面在“计数”过程中可以正常使用。
 
-单次运行 `count` 会完成工作 `(*)` 的一部分，，然后根据需要重新安排（schedule）自身的执行 `(**)`：
+单次执行 `count` 会完成工作 `(*)` 的一部分，，然后根据需要重新安排（schedule）自身的执行 `(**)`：
 
-1. 首先运行计数：`i=1...1000000`。
-2. 然后运行计数：`i=1000001..2000000`。
+1. 首先执行计数：`i=1...1000000`。
+2. 然后执行计数：`i=1000001..2000000`。
 3. ……以此类推。
 
 现在，如果在引擎忙于执行第一部分时出现了一个新的副任务（例如 `onclick` 事件），则该任务会被排入队列，然后在第一部分执行结束时，并在下一部分开始执行前，会执行该副任务。周期性地在两次 `count` 执行期间返回事件循环，这为 JavaScript 引擎提供了足够的“空气”来执行其他操作，以响应其他的用户行为。
@@ -146,7 +146,7 @@ function count() {
 count();
 ```
 
-现在，当我们开始调用 `count()` 时，会看到我们需要对 `count()` 进行更多调用，我们就会在工作前立即安排它。
+现在，当我们开始调用 `count()` 时，会看到我们需要对 `count()` 进行更多调用，我们就会在工作前立即安排（schedule）它。
 
 如果你运行它，你很容易注意到它花费的时间明显减少了。
 
@@ -160,7 +160,7 @@ count();
 
 对浏览器脚本中的过载型任务进行拆分的另一个好处是，我们可以显示进度指示。
 
-通常，浏览器会在当前运行的代码完成后进行渲染（render）。任务的执行是否会花费很长时间对此没有影响。对 DOM 的更改只有在任务完成后才会被绘制。
+通常，浏览器会在当前执行的代码完成后进行渲染（render）。任务的执行是否会花费很长时间对此没有影响。对 DOM 的更改只有在任务完成后才会被绘制。
 
 从一方面讲，这非常好，因为我们的函数可能会创建很多元素，将它们一个接一个地插入到文档中，并更改其样式 —— 访问者不会看到任何未完成的“中间态”内容。很重要，对吧？
 
@@ -260,7 +260,7 @@ alert("code");
 这里的执行顺序是怎样的？
 
 1. `code` 首先显示，因为它是常规的同步调用。
-2. `promise` 第二个出现，因为 `then` 会通过微任务队列，并在当前代码之后运行。
+2. `promise` 第二个出现，因为 `then` 会通过微任务队列，并在当前代码之后执行。
 3. `timeout` 最后显示，因为它是一个宏任务。
 
 更详细的事件循环图示如下（顺序是从上到下，即：首先是脚本，然后是微任务，渲染等）：
@@ -271,7 +271,7 @@ alert("code");
 
 这很重要，因为它确保了微任务之间的应用程序环境基本相同（没有鼠标坐标更改，没有新的网络数据等）。
 
-如果我们想要异步执行（在当前代码之后）一个函数，但是要在更改被渲染或新事件被处理之前运行，那么我们可以使用 `queueMicrotask` 来对其进行安排（schedule）。
+如果我们想要异步执行（在当前代码之后）一个函数，但是要在更改被渲染或新事件被处理之前执行，那么我们可以使用 `queueMicrotask` 来对其进行安排（schedule）。
 
 这是一个与前面那个例子类似的，带有“计数进度条”的示例，但是它使用了 `queueMicrotask` 而不是 `setTimeout`。你可以看到它在最后才渲染。就像写的是同步代码一样：
 
@@ -305,35 +305,35 @@ alert("code");
 
 事件循环的更详细的算法（尽管与 [规范](https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model) 相比仍然是简化过的）：
 
-1. 从**宏任务**队列出列并执行最前面的任务（比如“script”）。
-2. 执行所有的**微任务**：
+1. 从 **宏任务** 队列（例如 "script"）中出队（dequeue）并执行最早的任务。
+2. 执行所有 **微任务**：
     - 当微任务队列非空时：
-        - 出列并运行最前面的微任务。
-3. 如有需要执行渲染。
-4. 如果宏任务队列为空，休眠直到一个宏任务出现。
-5. 到步骤 1 中。
+        - 出队（dequeue）并执行最早的微任务。
+3. 执行渲染，如果有。
+4. 如果宏任务队列为空，则休眠直到出现宏任务。
+5. 转到步骤 1。
 
-计划一个新的**宏任务**：
-- 使用 0 延时的 `setTimeout(f)`。
+安排（schedule）一个新的 **宏任务**：
+- 使用零延迟的 `setTimeout(f)`。
 
-它被用来拆分一个计算耗费型任务为小片段，使浏览器可以对用户行为作出反馈和展示计算的进度。
+它可被用于将繁重的计算任务拆分成多个部分，以使浏览器能够对用户事件作出反应，并在任务的各部分之间显示任务进度。
 
-也被用在事件处理程序中来定时执行一个行为，在当前事件被完全处理（冒泡结束）之后。
+此外，也被用于在事件处理程序中，将一个行为（action）安排（schedule）在事件被完全处理（冒泡完成）后。
 
-计划一个新的**微任务**：
+安排一个新的 **微任务**：
 - 使用 `queueMicrotask(f)`。
-- promise 的处理程序也是进入到微任务队列。
+- promise 处理程序也会通过微任务队列。
 
-在微任务中间没有 UI 或者网络事件的处理：它们一个接一个地立即执行。
+在微任务之间没有 UI 或网络事件的处理：它们一个立即接一个地执行。
 
-所以我们可以用 `queueMicrotask` 来异步地执行函数，但是保持环境状态的一致。
+所以，我们可以使用 `queueMicrotask` 来在保持环境状态一致的情况下，异步地执行一个函数。
 
 ```smart header="Web Workers"
-为了繁重任务不至于阻塞事件循环，我们可以用 [Web Workers](https://html.spec.whatwg.org/multipage/workers.html)。
+对于不应该阻塞时间循环的耗时长的繁重计算任务，我们可以使用 [Web Workers](https://html.spec.whatwg.org/multipage/workers.html)。
 
-这是一个在平行线程中运行代码的办法。
+这是在另一个并行线程中运行代码的方式。
 
-Web Workers 可以跟主线程交换信息，但是它们可以有自己的变量和自己的事件循环。
+Web Workers 可以与主线程交换消息，但是它们具有自己的变量和事件循环。
 
-Web Workers 无权访问 DOM，所以它们主要在计算上有用，用来使用多核 CPU 同时执行的能力。
+Web Workers 没有访问 DOM 的权限，因此，它们对于同时使用多个 CPU 内核的计算非常有用。
 ```