Merge branch 'master' into patch-1

Author: tsejx

.github/workflows/deploy.yml

@@ -9,16 +9,14 @@ jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     steps:
-      - name: Ready to build  and deploy 🤓
-        uses: fifsky/dingtalk-action@master
-        with:
-          url: ${{ secrets.DINGTALK_WEBHOOK }}
-          type: text
-          content: Github：JavaScript-Guidebook 构建开始
       - name: Checkout 🛎️
         uses: actions/checkout@v2 # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
         with:
           persist-credentials: false
+      - name: Set Node Version
+        uses: actions/setup-node@v3
+        with:
+          node-version: '14.21.2'
       - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
         run: |
           yarn install
@@ -30,9 +28,3 @@ jobs:
           BRANCH: gh-pages # The branch the action should deploy to.
           FOLDER: dist # The folder the action should deploy.
           CLEAN: true
-      - name: Complete ✅
-        uses: fifsky/dingtalk-action@master
-        with:
-          url: ${{ secrets.DINGTALK_WEBHOOK }}
-          type: text
-          content: Github：JavaScript-Guidebook 构建完成

.gitignore

@@ -7,4 +7,6 @@ yarn.lock
 .umi/*
 .temp/*
 todo/
-dist/
+dist/
+.umi-production/*
+.vscode/

docs/assets/design-pattern/singleton-overview.png

@@ -567,7 +567,7 @@ let { foo, bar } = example();
 
 ```js
 // 参数是一组有次序的值
-function f({x, y, z}) { ... }
+function f([x, y, z]) { ... }
 f([1, 2, 3]);
 
 // 参数是一组无次序的值
@@ -625,7 +625,7 @@ map.set('first', 'hello');
 map.set('second', 'world!');
 
 for (let [key, value] of map) {
-  console.log(ket + ' is ' + value);
+  console.log(key + ' is ' + value);
 }
 // first is hello
 // second is world

docs/basic-concept/expressions/operators/detructing-assignment.md

@@ -56,10 +56,3 @@ URL 接口实现的在 URLUtils 中定义的方法。
 | :-------------------- | :----------------------------------------------------------- |
 | URL.createObjectURL() | 返回一个 DOMString，包含一个唯一的 Blob URL（该 URL 协议）。 |
 | URL.revokeObjectURL() | 销毁之前使用 `URL.createObjectURL()` 创建的 URL 实例。       |
-
-```js
-const blobUrl = 'blob://'
-
-const URL
-
-```

docs/browser-object-model/binary-data-and-files/url.md

@@ -13,11 +13,11 @@ order: 2
 
 MutationObservr API 用于监视 DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知。
 
-DOM 发生变动都会触发 Mutation Observer 事件。但是，它跟事件还是有不同点：事件是同步触发的，DOM 变化立即触发相应的事件；Mutation Observer 是一部触发，DOM 变化不会马上触发，而是等当前所有 DOM 操作都结束后才触发。
+DOM 发生变动都会触发 Mutation Observer 事件。但是，它跟事件还是有不同点：事件是同步触发的，DOM 变化立即触发相应的事件；Mutation Observer 是异步触发，DOM 变化不会马上触发，而是等当前所有 DOM 操作都结束后才触发。
 
 总的来说，特点如下：
 
-- 它等待所有脚本任务完成后，才会运行（即一步触发方式）
+- 它等待所有脚本任务完成后，才会运行（即异步触发方式）
 - 它把 DOM 变动记录封装成一个数组进行处理，而不是一条条个别处理 DOM 变动
 - 它既可以观察 DOM 的所有类型变动，也可以指定只观察某类变动
 

docs/browser-object-model/observer/mutation-observer.md

@@ -67,7 +67,7 @@ export default () => <img alt="否认" src={img} width={720} />;
 - **混合加密**：公钥加密密钥，密钥加密数据，私钥解密密钥，密钥解密数据（非对称传送密钥，密钥传送数据）。解决非对称加密效率问题
 - **中间人攻击**：秘密替换公钥窃取数据，源于服务端无法确认客户端公钥是否合法
 - **消息鉴别码**：`MAC` 密钥和密文组成的字符串的哈希值。能够解决 `伪造` 问题，但无法解决 `否认` 问题
-- **数字签名**：服务端创建数字签名，而客户端只验证签名是否争取。解决 `否认` 问题
+- **数字签名**：服务端创建数字签名，而客户端只验证签名是否正确。解决 `否认` 问题
 - **数字证书**：由权威机构背书创建证书，保证公钥不被篡改。解决 `中间人攻击` 问题
 
 ### 对称加密

docs/computer-networks/http/https.md

@@ -86,7 +86,7 @@ function foo() {
   console.log(number);
 }
 
-function bar(） {
+function bar() {
   if(true) {
     let number = 5;
     console.log(number);

docs/core-modules/executable-code-and-execution-contexts/compilation/blocks-as-scopes.md

@@ -56,7 +56,7 @@ setTimeout(() => {
   console.log(2);
 }, 0);
 
-let promise = new Promise((res) => {
+let promise = new Promise((resolve) => {
   console.log(3);
   resolve();
 })