JavaScript30 - 一个月纯 JS 挑战中文指南

按照目录练习 js 基本功

目录

No	Guide	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 指南	Speech Detection 效果
21	Geolocation 指南	Geolocation 效果
22	Follow Along Link Highlighter 指南	Follow Along Link Highlighter 效果
23	Speech Synthesis 指南	Speech Synthesis 效果
24	Sticky Nav 指南	Sticky Nav 效果
25	Event Related 指南	Event Related 效果
26	Stripe Follow Along Nav 指南	Strip Follow Along Nav 效果
27	Click and Drag 指南	Click and Drag 效果
28	Video Speed Controller 指南	Video Speed Controller 效果
29	Countdown Timer	-
30	Whack A Mole	-

参加挑战并不需要你缴纳费用或是加入什么组织，也不会有人催着你去做什么，你只需要打开电脑，然后开始思考、敲击键盘。相信内在动机的力量，我在这里给出了一些建议和心得，最适合你的方法还需要你自己去摸索。

本中文指南贡献者名单

Name	Contribution
@DrakeXiang	No.11
@zzh466	Review
@Xing Liu	Review
@大史不说话	No.16.17.18.19.20.21.22.23.24.25.26.27.28
@未枝丫	No.1.2.3.4.5.6.7.8.9.10.12.13.14

JOIN US

如果对这个系列的指南有什么改进的想法，欢迎提 issue，如果你也想参与写作，请看 wiki，并联系 Soyaine。