maerDgiB / JavaScript30

原生JavaScript的30个小项目

JavaScript 30 challenge

文字描述还没有去写，等完成挑战时候在回顾以及汉化

---

问题

1. 对一些函数不是很清楚
2. ES 6 let && const 的区别不是很明显
3. 写博客

---

推荐看baixiaoji结尾的代码，上面一些有一定的注释点👍👍。如有问题可以写在Issues里面

---

1. JavaScript Drum Kit 指南 | 原生 JavaScript 模拟架子鼓
2. [JS + CSS Clock](https://baixiaoji.github.io/JavaScript30/02 - JS + CSS Clock/index-baixiaoji.html)
3. [CSS Variables](https://baixiaoji.github.io/JavaScript30/03 - CSS Variables/index-baixiaoji.html)
4. [Array Cardio, Day 1](https://baixiaoji.github.io/JavaScript30/04 - Array Cardio Day 1/index-baixiaoji.html)
5. [Flex Panel Gallery](https://baixiaoji.github.io/JavaScript30/05 - Flex Panel Gallery/index-baixiaoji.html)
6. [Type Ahead](https://baixiaoji.github.io/JavaScript30/06 - Type Ahead/index-baixiaoji.html)
7. [Array Cardio, Day 2](https://baixiaoji.github.io/JavaScript30/07 - Array Cardio Day 2/index-baixiaoji.html)
8. [Fun with HTML5 Canvas](https://baixiaoji.github.io/JavaScript30/08 - Fun with HTML5 Canvas/index-baixiaoji.html)
9. [Dev Tools Domination](https://baixiaoji.github.io/JavaScript30/09 - Dev Tools Domination/index-baixiaoji.html)
10. [Hold Shift and Check Checkboxes 指南](https://baixiaoji.github.io/JavaScript30/10 - Hold Shift and Check Checkboxes/index-baixiaoji.html)
11. [Custom Video Player](https://baixiaoji.github.io/JavaScript30/11 - Custom Video Player/index-baixiaoji.html)
12. [Key Sequence Detection](https://baixiaoji.github.io/JavaScript30/12 - Key Sequence Detection/index-baixiaoji.html)
13. [Slide in on Scroll](https://baixiaoji.github.io/JavaScript30/13 - Slide in on Scroll/index-baixiaoji.html)
14. [JavaScript References vs. Copying](https://baixiaoji.github.io/JavaScript30/14 - JavaScript References VS Copying/index-baixiaoji.html)
15. [LocalStorage](https://baixiaoji.github.io/JavaScript30/15 - LocalStorage/index-baixiaoji.html)
16. [Mouse Move Shadow](https://baixiaoji.github.io/JavaScript30/16 - Mouse Move Shadow/index-baixiaoji.html)
17. [Sort Without Articles](https://baixiaoji.github.io/JavaScript30/17 - Sort Without Articles/index-baixiaoji.html)
18. [Adding Up Times with Reduce](https://baixiaoji.github.io/JavaScript30/18 - Adding Up Times with Reduce/index-baixiaoji.html)
19. Webcam Fun
20. [Speech Detection](https://baixiaoji.github.io/JavaScript30/20 - Speech Detection/index-baixiaoji.html)
21. [Geolocation](https://baixiaoji.github.io/JavaScript30/21 - Geolocation/index-baixiaoji.html)
22. [Follow Along Link Highlighter](https://baixiaoji.github.io/JavaScript30/22 - Follow Along Link Highlighter/index-baixiaoji.html)
23. Speech Synthesis
24. Sticky Nav
25. Event Capture, Propagation, Bubbling, and Once
26. Stripe Follow Along Nav
27. Click and Drag
28. Video Speed Controller
29. Countdown Timer
30. Whack A Mole