From 84759592a08fdbbaf93dbd42fe431540b3693525 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] [yuting] 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 f45d8636f4954730751785a50ff91e3f28462f15 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 a5d2659ceec9b14256f85286720ecbbc05d52e85 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 0f60362b17dfed0b5d299c7ba961aa9cd9e694d0 Mon Sep 17 00:00:00 2001
From: Hide <355085070@qq.com>
Date: Wed, 24 Jul 2019 22:17:55 +0800
Subject: [PATCH 4/5] 1

---
 01 - JavaScript Drum Kit/index-START.html  | 131 ++++++++++++---------
 09 - Dev Tools Domination/index-START.html |   1 +
 2 files changed, 75 insertions(+), 57 deletions(-)

diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index c771dea..dfc6316 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -1,65 +1,82 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>JS Drum Kit</title>
-  <link rel="stylesheet" href="style.css">
-</head>
-<body>
+	<head>
+		<meta charset="UTF-8">
+		<title>JS Drum Kit</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+	<body>
 
+		<div class="keys">
+			<div data-key="65" class="key">
+				<kbd>A</kbd>
+				<span class="sound">clap</span>
+			</div>
+			<div data-key="83" class="key">
+				<kbd>S</kbd>
+				<span class="sound">hihat</span>
+			</div>
+			<div data-key="68" class="key">
+				<kbd>D</kbd>
+				<span class="sound">kick</span>
+			</div>
+			<div data-key="70" class="key">
+				<kbd>F</kbd>
+				<span class="sound">openhat</span>
+			</div>
+			<div data-key="71" class="key">
+				<kbd>G</kbd>
+				<span class="sound">boom</span>
+			</div>
+			<div data-key="72" class="key">
+				<kbd>H</kbd>
+				<span class="sound">ride</span>
+			</div>
+			<div data-key="74" class="key">
+				<kbd>J</kbd>
+				<span class="sound">snare</span>
+			</div>
+			<div data-key="75" class="key">
+				<kbd>K</kbd>
+				<span class="sound">tom</span>
+			</div>
+			<div data-key="76" class="key">
+				<kbd>L</kbd>
+				<span class="sound">tink</span>
+			</div>
+		</div>
 
-  <div class="keys">
-    <div data-key="65" class="key">
-      <kbd>A</kbd>
-      <span class="sound">clap</span>
-    </div>
-    <div data-key="83" class="key">
-      <kbd>S</kbd>
-      <span class="sound">hihat</span>
-    </div>
-    <div data-key="68" class="key">
-      <kbd>D</kbd>
-      <span class="sound">kick</span>
-    </div>
-    <div data-key="70" class="key">
-      <kbd>F</kbd>
-      <span class="sound">openhat</span>
-    </div>
-    <div data-key="71" class="key">
-      <kbd>G</kbd>
-      <span class="sound">boom</span>
-    </div>
-    <div data-key="72" class="key">
-      <kbd>H</kbd>
-      <span class="sound">ride</span>
-    </div>
-    <div data-key="74" class="key">
-      <kbd>J</kbd>
-      <span class="sound">snare</span>
-    </div>
-    <div data-key="75" class="key">
-      <kbd>K</kbd>
-      <span class="sound">tom</span>
-    </div>
-    <div data-key="76" class="key">
-      <kbd>L</kbd>
-      <span class="sound">tink</span>
-    </div>
-  </div>
+		<audio data-key="65" src="sounds/clap.wav"></audio>
+		<audio data-key="83" src="sounds/hihat.wav"></audio>
+		<audio data-key="68" src="sounds/kick.wav"></audio>
+		<audio data-key="70" src="sounds/openhat.wav"></audio>
+		<audio data-key="71" src="sounds/boom.wav"></audio>
+		<audio data-key="72" src="sounds/ride.wav"></audio>
+		<audio data-key="74" src="sounds/snare.wav"></audio>
+		<audio data-key="75" src="sounds/tom.wav"></audio>
+		<audio data-key="76" src="sounds/tink.wav"></audio>
 
-  <audio data-key="65" src="sounds/clap.wav"></audio>
-  <audio data-key="83" src="sounds/hihat.wav"></audio>
-  <audio data-key="68" src="sounds/kick.wav"></audio>
-  <audio data-key="70" src="sounds/openhat.wav"></audio>
-  <audio data-key="71" src="sounds/boom.wav"></audio>
-  <audio data-key="72" src="sounds/ride.wav"></audio>
-  <audio data-key="74" src="sounds/snare.wav"></audio>
-  <audio data-key="75" src="sounds/tom.wav"></audio>
-  <audio data-key="76" src="sounds/tink.wav"></audio>
+		<script>
+			function playSound(e) 
+			{
+				const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+				const key = document.querySelector(`div[data-key="${e.keyCode}"]`);
+				if (!audio) return;
+				key.classList.add("playing");
+				audio.currentTime = 0;
+				audio.play();
+			}
+			
+			function removeAnimate(e)
+			{
+				if (e.propertyName != "transform") return;
+				e.target.classList.remove("playing");
+			}
 
-  <script>
+			const key = Array.from(document.querySelectorAll(".key"));
+			key.forEach(key => key.addEventListener("transitionend", removeAnimate));
+			window.addEventListener("keydown", playSound);
+		</script>
 
-  </script>
-
-</body>
+	</body>
 </html>
diff --git a/09 - Dev Tools Domination/index-START.html b/09 - Dev Tools Domination/index-START.html
index 196fffd..54b5430 100644
--- a/09 - Dev Tools Domination/index-START.html	
+++ b/09 - Dev Tools Domination/index-START.html	
@@ -6,6 +6,7 @@
 </head>
 <body>
 
+	
   <p onClick="makeGreen()">×BREAK×DOWN×</p>
 
   <script>

From 45c78487973a2d4fd30a7dde6e16a16e9d4c17b6 Mon Sep 17 00:00:00 2001
From: Hide <355085070@qq.com>
Date: Wed, 24 Jul 2019 22:18:26 +0800
Subject: [PATCH 5/5] Revert "1"

This reverts commit 0f60362b17dfed0b5d299c7ba961aa9cd9e694d0.
---
 01 - JavaScript Drum Kit/index-START.html  | 131 +++++++++------------
 09 - Dev Tools Domination/index-START.html |   1 -
 2 files changed, 57 insertions(+), 75 deletions(-)

diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index dfc6316..c771dea 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -1,82 +1,65 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8">
-		<title>JS Drum Kit</title>
-		<link rel="stylesheet" href="style.css">
-	</head>
-	<body>
+<head>
+  <meta charset="UTF-8">
+  <title>JS Drum Kit</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
 
-		<div class="keys">
-			<div data-key="65" class="key">
-				<kbd>A</kbd>
-				<span class="sound">clap</span>
-			</div>
-			<div data-key="83" class="key">
-				<kbd>S</kbd>
-				<span class="sound">hihat</span>
-			</div>
-			<div data-key="68" class="key">
-				<kbd>D</kbd>
-				<span class="sound">kick</span>
-			</div>
-			<div data-key="70" class="key">
-				<kbd>F</kbd>
-				<span class="sound">openhat</span>
-			</div>
-			<div data-key="71" class="key">
-				<kbd>G</kbd>
-				<span class="sound">boom</span>
-			</div>
-			<div data-key="72" class="key">
-				<kbd>H</kbd>
-				<span class="sound">ride</span>
-			</div>
-			<div data-key="74" class="key">
-				<kbd>J</kbd>
-				<span class="sound">snare</span>
-			</div>
-			<div data-key="75" class="key">
-				<kbd>K</kbd>
-				<span class="sound">tom</span>
-			</div>
-			<div data-key="76" class="key">
-				<kbd>L</kbd>
-				<span class="sound">tink</span>
-			</div>
-		</div>
 
-		<audio data-key="65" src="sounds/clap.wav"></audio>
-		<audio data-key="83" src="sounds/hihat.wav"></audio>
-		<audio data-key="68" src="sounds/kick.wav"></audio>
-		<audio data-key="70" src="sounds/openhat.wav"></audio>
-		<audio data-key="71" src="sounds/boom.wav"></audio>
-		<audio data-key="72" src="sounds/ride.wav"></audio>
-		<audio data-key="74" src="sounds/snare.wav"></audio>
-		<audio data-key="75" src="sounds/tom.wav"></audio>
-		<audio data-key="76" src="sounds/tink.wav"></audio>
+  <div class="keys">
+    <div data-key="65" class="key">
+      <kbd>A</kbd>
+      <span class="sound">clap</span>
+    </div>
+    <div data-key="83" class="key">
+      <kbd>S</kbd>
+      <span class="sound">hihat</span>
+    </div>
+    <div data-key="68" class="key">
+      <kbd>D</kbd>
+      <span class="sound">kick</span>
+    </div>
+    <div data-key="70" class="key">
+      <kbd>F</kbd>
+      <span class="sound">openhat</span>
+    </div>
+    <div data-key="71" class="key">
+      <kbd>G</kbd>
+      <span class="sound">boom</span>
+    </div>
+    <div data-key="72" class="key">
+      <kbd>H</kbd>
+      <span class="sound">ride</span>
+    </div>
+    <div data-key="74" class="key">
+      <kbd>J</kbd>
+      <span class="sound">snare</span>
+    </div>
+    <div data-key="75" class="key">
+      <kbd>K</kbd>
+      <span class="sound">tom</span>
+    </div>
+    <div data-key="76" class="key">
+      <kbd>L</kbd>
+      <span class="sound">tink</span>
+    </div>
+  </div>
 
-		<script>
-			function playSound(e) 
-			{
-				const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
-				const key = document.querySelector(`div[data-key="${e.keyCode}"]`);
-				if (!audio) return;
-				key.classList.add("playing");
-				audio.currentTime = 0;
-				audio.play();
-			}
-			
-			function removeAnimate(e)
-			{
-				if (e.propertyName != "transform") return;
-				e.target.classList.remove("playing");
-			}
+  <audio data-key="65" src="sounds/clap.wav"></audio>
+  <audio data-key="83" src="sounds/hihat.wav"></audio>
+  <audio data-key="68" src="sounds/kick.wav"></audio>
+  <audio data-key="70" src="sounds/openhat.wav"></audio>
+  <audio data-key="71" src="sounds/boom.wav"></audio>
+  <audio data-key="72" src="sounds/ride.wav"></audio>
+  <audio data-key="74" src="sounds/snare.wav"></audio>
+  <audio data-key="75" src="sounds/tom.wav"></audio>
+  <audio data-key="76" src="sounds/tink.wav"></audio>
 
-			const key = Array.from(document.querySelectorAll(".key"));
-			key.forEach(key => key.addEventListener("transitionend", removeAnimate));
-			window.addEventListener("keydown", playSound);
-		</script>
+  <script>
 
-	</body>
+  </script>
+
+</body>
 </html>
diff --git a/09 - Dev Tools Domination/index-START.html b/09 - Dev Tools Domination/index-START.html
index 54b5430..196fffd 100644
--- a/09 - Dev Tools Domination/index-START.html	
+++ b/09 - Dev Tools Domination/index-START.html	
@@ -6,7 +6,6 @@
 </head>
 <body>
 
-	
   <p onClick="makeGreen()">×BREAK×DOWN×</p>
 
   <script>