From 9905bb9994aac6a3b4333f864478791d95f80429 Mon Sep 17 00:00:00 2001
From: "yuting.song" <yutingsongzenjoy@126.com>
Date: Tue, 25 Jun 2019 12:42:20 +0800
Subject: [PATCH 1/5] fix #58 variable name

---
 04 - Array Cardio Day 1/index-SOYAINE.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/04 - Array Cardio Day 1/index-SOYAINE.html b/04 - Array Cardio Day 1/index-SOYAINE.html
index f9f8dbf..a1ff32a 100644
--- a/04 - Array Cardio Day 1/index-SOYAINE.html	
+++ b/04 - Array Cardio Day 1/index-SOYAINE.html	
@@ -132,7 +132,7 @@
     // 7. sort Exercise
     // Sort the people alphabetically by last name
     // 按照姓氏的字母进行排序
-    const sortName = inventors.sort((a, b) => {
+    const sortName = people.sort((a, b) => {
       return (a.last > b.last) ? 1 : -1;
     })
     console.table(sortName);

From 2b653b4d34f4548341fbd2c1f856a27f7f880dab Mon Sep 17 00:00:00 2001
From: soyaine <soyaine@outlook.com>
Date: Tue, 25 Jun 2019 14:32:38 +0800
Subject: [PATCH 2/5] style: lint comment code

---
 09 - Dev Tools Domination/index-SOYAINE.html  | 103 +++++++++---------
 .../index-SOYAINE.html                        |   4 +-
 2 files changed, 56 insertions(+), 51 deletions(-)

diff --git a/09 - Dev Tools Domination/index-SOYAINE.html b/09 - Dev Tools Domination/index-SOYAINE.html
index a8780bd..4dcbabd 100644
--- a/09 - Dev Tools Domination/index-SOYAINE.html	
+++ b/09 - Dev Tools Domination/index-SOYAINE.html	
@@ -9,7 +9,13 @@
   <p onClick="makeGreen()">×点×我×呀×</p>
 
   <script>
-    const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }];
+    const dogs = [{
+      name: 'Snickers',
+      age: 2
+    }, {
+      name: 'hugo',
+      age: 8
+    }];
 
     function makeGreen() {
       const p = document.querySelector('p');
@@ -18,76 +24,75 @@
     }
 
     // Regular
-	// 常规输出
-	  console.log("我只是 console 世界的一介草民");
+    // 常规输出
+    console.log("我只是 console 世界的一介草民");
 
     // Interpolated
-	// 字符替换
-	  console.log("我的名字叫做 %s ", "log");
-	  console.log("我的年龄是 %f ", 1.23);
-//	  console.log("我的名字叫做 %o ", {1.23: 12});
+    // 字符替换
+    console.log("我的名字叫做 %s ", "log");
+    console.log("我的年龄是 %f ", 1.23);
+    // console.log("我的名字叫做 %o ", {1.23: 12});
 
     // Styled
-	// 设定输出的样式
-	  console.log("偷偷告诉你，我会变身 %c ~\(≧▽≦)/~巴拉拉~~", "color: #00fdff; font-size: 2em;");
+    // 设定输出的样式
+    console.log("偷偷告诉你，我会变身 %c ~\(≧▽≦)/~巴拉拉~~", "color: #00fdff; font-size: 2em;");
 
     // warning!
-	  console.warn("warning! 我可警告你哦~")
+    console.warn("warning! 我可警告你哦~")
 
     // Error :|
-	  console.error("error~别又来报错了！╭(╯^╰)╮");
+    console.error("error~别又来报错了！╭(╯^╰)╮");
 
     // Info
-	  console.info("Talk is cheap. Show me the code");
+    console.info("Talk is cheap. Show me the code");
 
     // Viewing DOM Elements
-	// 打印输出 DOM 元素
-	  const p = document.querySelector('p');
-	  console.log(p);
-	  console.dir(p);
+    // 打印输出 DOM 元素
+    const p = document.querySelector('p');
+    console.log(p);
+    console.dir(p);
 
     // Testing
-	  console.assert(1 ===1, "（这句发布时删除）");
-	  console.assert(1 ===0, "看看看，失策了吧");
-	console.assert(p.innerHTML.match("她"), "我这儿才没有她这个人");
+    console.assert(1 === 1, "（这句发布时删除）");
+    console.assert(1 === 0, "看看看，失策了吧");
+    console.assert(p.innerHTML.match("她"), "我这儿才没有她这个人");
 
     // clearing
-//	  console.clear();
+    // console.clear();
 
     // Grouping together
-	dogs.forEach(dog => {
-		console.group();
-//		console.groupCollapsed(); // 收起列表
-		console.log(`${dog.name}`);
-		console.log(`${dog.age}`);
-		console.log(`${dog.name} 有 ${dog.age} 岁了`);
-		console.groupEnd();
-	});
-
-	//
-	  console.table(dogs);
-	  console.table(dogs, ["age"]);
+    dogs.forEach(dog => {
+      console.group();
+      // console.groupCollapsed(); 
+      // 收起列表
+      console.log(`${dog.name}`);
+      console.log(`${dog.age}`);
+      console.log(`${dog.name} 有 ${dog.age} 岁了`);
+      console.groupEnd();
+    });
+
+    console.table(dogs);
+    console.table(dogs, ["age"]);
 
     // counting
-	  console.count("（读来过反）羊只");
-	  console.count("（读来过反）羊只");
-	  console.count("（读来过反）鱼条");
-	  console.count("（读来过反）羊只");
-	  console.count("（读来过反）羊只");
-	  console.count("（读来过反）鱼条");
-	  console.count("（读来过反）鱼条");
-	  console.count("（读来过反）羊只");
+    console.count("（读来过反）羊只");
+    console.count("（读来过反）羊只");
+    console.count("（读来过反）鱼条");
+    console.count("（读来过反）羊只");
+    console.count("（读来过反）羊只");
+    console.count("（读来过反）鱼条");
+    console.count("（读来过反）鱼条");
+    console.count("（读来过反）羊只");
 
     // timing
-	  console.time('fetch my data');
-	  fetch("https://api.github.com/users/soyaine")
-		  .then(data => data.json())
-		  .then(data => {
-		  console.timeEnd('fetch my data');
-		  console.log(data);
-	  });
-//	  console.timeEnd('fetch my data');
-
+    console.time('fetch my data');
+    fetch("https://api.github.com/users/soyaine")
+      .then(data => data.json())
+      .then(data => {
+        console.timeEnd('fetch my data');
+        console.log(data);
+      });
+    // console.timeEnd('fetch my data');
   </script>
 </body>
 </html>
diff --git a/14 - JavaScript References VS Copying/index-SOYAINE.html b/14 - JavaScript References VS Copying/index-SOYAINE.html
index acf3f62..4e11b80 100644
--- a/14 - JavaScript References VS Copying/index-SOYAINE.html	
+++ b/14 - JavaScript References VS Copying/index-SOYAINE.html	
@@ -101,8 +101,8 @@
       }
     };
 
-//    console.clear();
-//    console.log(wes);
+    // console.clear();
+    // console.log(wes);
 
     const dev = Object.assign({}, wes);
 

From a4b28030c75a287c67522aa8a5cf8c5145df7e5c Mon Sep 17 00:00:00 2001
From: soyaine <soyaine@outlook.com>
Date: Thu, 27 Jun 2019 12:09:58 +0800
Subject: [PATCH 3/5] style: lint code

---
 06 - Type Ahead/index-SOYAINE.html | 84 ++++++++++++++----------------
 1 file changed, 38 insertions(+), 46 deletions(-)

diff --git a/06 - Type Ahead/index-SOYAINE.html b/06 - Type Ahead/index-SOYAINE.html
index 927d08d..890247a 100644
--- a/06 - Type Ahead/index-SOYAINE.html	
+++ b/06 - Type Ahead/index-SOYAINE.html	
@@ -14,61 +14,53 @@
       <li></li>
     </ul>
   </form>
-<script>
-// const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e81d25e2c6f6/cities.json';
+  <script>
+    // const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e81d25e2c6f6/cities.json';
 
     const endpoint = 'https://gist.githubusercontent.com/soyaine/81399bb2b24ca1bb5313e1985533c640/raw/bdf7df2cbcf70706c4a5e51a7dfb8c933ed78878/TangPoetry.json';
-	
- 	
-    const  poetrys = [];
+
+
+    const poetrys = [];
     fetch(endpoint)
-		.then(blob => blob.json())
-		.then(data => poetrys.push(...data));
- 
-	function findMatches( wordToMatch, poetrys) {
-		return poetrys.filter(poet => {
-			// 正则找出匹配的诗句
-			const regex = new RegExp(wordToMatch, 'gi');
-			const author = poet.detail_author.join('');
-//			console.log(author);
-			return poet.detail_text.match(regex) || poet.title.match(regex) || author.match(regex);
-		});
-	}
+      .then(blob => blob.json())
+      .then(data => poetrys.push(...data));
+
+    function findMatches(wordToMatch, poetrys) {
+      return poetrys.filter(poet => {
+        // 正则找出匹配的诗句
+        const regex = new RegExp(wordToMatch, 'gi');
+        const author = poet.detail_author.join('');
+        //			console.log(author);
+        return poet.detail_text.match(regex) || poet.title.match(regex) || author.match(regex);
+      });
+    }
 
-	function displayMatches() {
-		const matches = findMatches(this.value, poetrys);
-		const regex = new RegExp(this.value, 'gi');
-		const html = matches.map( poet => {
-			// 替换高亮的标签
-			const text = poet.detail_text.replace(regex, `<span class="hl">${ this.value }</span>`);
-			const title = poet.title.replace(regex, `<span class="hl">${ this.value }</span>`)
-			// 构造 HTML 值
-			return `
+    function displayMatches() {
+      const matches = findMatches(this.value, poetrys);
+      const regex = new RegExp(this.value, 'gi');
+      const html = matches.map(poet => {
+        // 替换高亮的标签
+        const text = poet.detail_text.replace(regex, `<span class="hl">${ this.value }</span>`);
+        const title = poet.title.replace(regex, `<span class="hl">${ this.value }</span>`)
+        // 构造 HTML 值
+        return `
 				<li>
 					<span class="poet">${ text }</span>
 					<span class="title">${ title } - ${ poet.detail_author[0] }</span>
 				</li>
 			`;
-		}).join('');
-//		console.log(html);
-		suggestions.innerHTML = html;
-	}
-	
-	const search = document.querySelector('.search');
-	const suggestions = document.querySelector('.suggestions');
-	
-	search.addEventListener('change', displayMatches);
-	search.addEventListener('keyup', displayMatches);
-
-//	console.log(poetrys);
- </script>
-  </body>
-</html>
-
-
-
-
-
+      }).join('');
+      //		console.log(html);
+      suggestions.innerHTML = html;
+    }
 
+    const search = document.querySelector('.search');
+    const suggestions = document.querySelector('.suggestions');
 
+    search.addEventListener('change', displayMatches);
+    search.addEventListener('keyup', displayMatches);
 
+    //	console.log(poetrys);
+  </script>
+</body>
+</html>
\ No newline at end of file

From ec00fa3d47b7bfeec69d927132719c9baa493232 Mon Sep 17 00:00:00 2001
From: soyaine <12845017+soyaine@users.noreply.github.com>
Date: Wed, 14 Jul 2021 15:43:37 +0800
Subject: [PATCH 4/5] remove videos link note #60

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 4654e0d..a35c1b4 100644
--- a/README.md
+++ b/README.md
@@ -29,7 +29,7 @@ JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30
 
 下面是完成 Wes Bos 的 JavaScript30 挑战所能借鉴的文档，每个文档的具体使用建议如下：
 
-- [JavaScript30 官网](https://javascript30.com)：进入官网注册后可以观看和下载所有教程视频。Wes Bos 还把视频传到了百度云，进入官网直接拉到页面底部就能找到链接。
+- [JavaScript30 官网](https://javascript30.com)：进入官网注册后可以观看和下载所有教程视频。
 - [Nitish Dayal 写的英文指南](https://github.com/nitishdayal/JavaScript30/tree/master/exercises)：这是一份非官方的文字版指南，也是激励我写这一系列文章的主要因素。
 - [挑战初始文档](https://github.com/wesbos/JavaScript30)：这是 Wes Bos 这份教程涉及的代码，你可以直接 Clone 或者下载到本地，然后开始你 30 天的挑战之旅。文档共有 30 个文件夹，每个文件夹中至少有两个文件。
 	- **index-START.html**：是提供给我们的初始文档，方便我们专注于 JavaScript 的编写，这个文档已经将基础的 HTML 和 CSS 部分写好，我们只需要在这个基础上编写 JavaScript 代码，实现特定的功能即可。

From 1b044bc6610cbb131d897d9a3cc814372a414018 Mon Sep 17 00:00:00 2001
From: soyaine <12845017+soyaine@users.noreply.github.com>
Date: Wed, 14 Jul 2021 15:45:13 +0800
Subject: [PATCH 5/5] update nickname

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index a35c1b4..3a0956b 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 创建日期：2016-12-20  
 最后更新：2018-12-05
 
-> Repo by: [未枝丫](https://github.com/soyaine)  
+> Repo by: [Soyaine](https://github.com/soyaine)  
 > [JavaScript30](https://javascript30.com) 教程作者：[Wes Bos](https://github.com/wesbos)    
 > 完整指南在 [GitHub](https://github.com/soyaine/JavaScript30)，喜欢请 Star 哦♪(^∇^*)
 
@@ -81,7 +81,7 @@ Name | Contribution
 [@zzh466](http://github.com/zzh466) | Review
 [@Xing Liu](https://github.com/S1ngS1ng) | Review
 [@大史不说话](https://github.com/dashnowords) |  No.[16](https://github.com/soyaine/JavaScript30/tree/master/16%20-%20Mouse%20Move%20Shadow).[17](https://github.com/soyaine/JavaScript30/tree/master/17%20-%20Sort%20Without%20Articles).[18](https://github.com/soyaine/JavaScript30/tree/master/18%20-%20AddingUpTimesWithReduce).[19](https://github.com/soyaine/JavaScript30/blob/master/19%20-%20Webcam%20Fun).[20](https://github.com/soyaine/JavaScript30/tree/master/20%20-%20Speech%20Detection).[21](https://github.com/soyaine/JavaScript30/tree/master/21%20-%20Geolocation).[22](https://github.com/soyaine/JavaScript30/tree/master/22%20-%20Follow%20Along%20Link%20Highlighter).[23](https://github.com/soyaine/JavaScript30/tree/master/23%20-%20Speech%20Synthesis).[24](https://github.com/soyaine/JavaScript30/tree/master/24%20-%20Sticky%20Nav).[25](https://github.com/soyaine/JavaScript30/tree/master/25%20-%20Event%20Related).[26](https://github.com/soyaine/JavaScript30/tree/master/26%20-%20Strip%20Follow%20Along%20Nav).[27](https://github.com/soyaine/JavaScript30/tree/master/27%20-%20Click%20and%20Drag).[28](https://github.com/soyaine/JavaScript30/tree/master/28%20-%20Video%20Speed%20Controller)
-[@未枝丫](https://github.com/soyaine) | No.[1](https://github.com/soyaine/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit).[2](https://github.com/soyaine/JavaScript30/tree/master/02%20-%20JS%20%2B%20CSS%20Clock).[3](https://github.com/soyaine/JavaScript30/tree/master/03%20-%20CSS%20%Variables).[4](https://github.com/soyaine/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201).[5](https://github.com/soyaine/JavaScript30/blob/master/05%20-%20Flex%20Panel%20Gallery).[6](https://github.com/soyaine/JavaScript30/blob/master/06%20-%20Type%20Ahead).[7](https://github.com/soyaine/JavaScript30/tree/master/07%20-%20Array%20Cardio%20Day%202).[8](https://github.com/soyaine/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas).[9](https://github.com/soyaine/JavaScript30/blob/master/09%20-%20Dev%20Tools%20Domination).[10](https://github.com/soyaine/JavaScript30/blob/master/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/README.md).[12](https://github.com/soyaine/JavaScript30/tree/master/12%20-%20Key%20Sequence%20Detection/README.md).[13](https://github.com/soyaine/JavaScript30/blob/master/13%20-%20Slide%20in%20on%20Scroll/README.md).[14](https://github.com/soyaine/JavaScript30/tree/master/14%20-%20JavaScript%20References%20VS%20Copying)
+[@Soyaine](https://github.com/soyaine) | No.[1](https://github.com/soyaine/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit).[2](https://github.com/soyaine/JavaScript30/tree/master/02%20-%20JS%20%2B%20CSS%20Clock).[3](https://github.com/soyaine/JavaScript30/tree/master/03%20-%20CSS%20%Variables).[4](https://github.com/soyaine/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201).[5](https://github.com/soyaine/JavaScript30/blob/master/05%20-%20Flex%20Panel%20Gallery).[6](https://github.com/soyaine/JavaScript30/blob/master/06%20-%20Type%20Ahead).[7](https://github.com/soyaine/JavaScript30/tree/master/07%20-%20Array%20Cardio%20Day%202).[8](https://github.com/soyaine/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas).[9](https://github.com/soyaine/JavaScript30/blob/master/09%20-%20Dev%20Tools%20Domination).[10](https://github.com/soyaine/JavaScript30/blob/master/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/README.md).[12](https://github.com/soyaine/JavaScript30/tree/master/12%20-%20Key%20Sequence%20Detection/README.md).[13](https://github.com/soyaine/JavaScript30/blob/master/13%20-%20Slide%20in%20on%20Scroll/README.md).[14](https://github.com/soyaine/JavaScript30/tree/master/14%20-%20JavaScript%20References%20VS%20Copying)
 
 ## JOIN US
 如果对这个系列的指南有什么改进的想法，欢迎[提 issue](https://github.com/soyaine/JavaScript30/issues)，如果你也想参与写作，请看 [wiki](https://github.com/soyaine/JavaScript30/wiki/%E6%8C%87%E5%8D%97%E7%BB%93%E6%9E%84%E8%AF%B4%E6%98%8E)，并联系 Soyaine。