Javascript30-纯JS代码挑战

JavaScript30是加拿大工程师WES BOS制作的一系列纯JavaScript代码练习，共30个challenge，每一个challenge都提供了教学视频、示例文件、解决方案源码

Js30的GitHub地址

Js30网址

这个项目是我在GitHub上偶然找到的，我发现的也是一个学生fork了WesBos的项目在学，照着他的学了几天，感觉吧，按他的学习目标去查相关知识、再写代码、再写README非常耗时。。。主要我能抽出的时间不算多，只能快速的了解，因此我重新在GitHub上找到了WesBos的项目，然后在Youtube上找相关的视频，倍速边看边写，暂时是只能这样了，以后等有机会好好学，再来回顾！

在看视频时up主有提到直接原生js帮助很大，但是也确实很难，我开始时感觉有其他cs基础专业课的学习，理解上会好一点，结果还是感觉原生js的话学习效率并不算很高，因为没有完整的学过前端网页，只是简单的了解了基础的hmtl+css+js的概念知识，很多js原生的函数都不知道，虽然大概看一下就知道意思，不过确实感觉很艰难。。。

其实转念一想，很多的语言学习方法类似，人又不是字典要把所有功能都记住，掌握常用的核心函数就行，其他的用的时候就去查，学习独立解决问题的能力才是关键吧。肝！

之前追剧耽搁了两天。。最后还是把这个系列补完了！

No	Name	Demo
1	JavaScript Drum Kit	纯 JS 模拟敲鼓效果
2	JS + CSS Clock	纯 JavaScript+CSS 时钟效果
3	CSS Variables	用 CSS 变量实现拖动控制参数效果
4	Array Cardio Day 1	数组基本操作方法示例一
5	Flex Panel Gallery	可伸缩的图片墙在线效果
6	Type Ahead	过滤匹配实现查找
7	Array Cardio Day 2	数组基本操作方法示例二
8	Fun with HTML5 Canvas	彩虹画笔绘画板在线效果
9	Dev Tools Domination	Console 调试技巧在线示例
10	Hold Shift and Check Checkboxes	Shift 批量选中在线效果
11	Custom Video Player	自制播放器
12	Key Sequence Detection	键盘输入序列
13	Slide in on Scroll	图片随屏幕滚动而滑入滑出的在线效果
14	JavaScript References VS Copying	-
15	LocalStorage	利用 localStorage 模拟在线菜单
16	Mouse Move Shadow	文字阴影随鼠标移动在线效果
17	Sort Without Articles	去前缀排序在线效果
18	Adding Up Times with Reduce	使用 Reduce 进行时间叠加效果
19	Webcam Fun	网络摄像头及图片处理在线效果
20	Speech Detection	语音检测识别效果
21	Geolocation	-
22	Follow Along Link Highlighter	鼠标停留高亮效果
23	Speech Synthesis	语音播放效果
24	Sticky Nav	类博客标签栏效果
25	Event Capture, Propagation, Bubbling and Once	事件冒泡效果
26	Stripe Follow Along Nav	Js鼠标驻留显示
27	Click and Drag	立体的点击&拖曳
28	Video Speed Controller	视频速度
29	Countdown Timer	时钟计时器
30	Whack A Mole	Js打地鼠