liuxuanhai/javascript-30days

JavaScript 30 天小项目，帮助你快速提升前端综合实力

JavaScript 30 天挑战

前言

这是我找到的一个小小的项目，作者使用纯 HTML + CSS + JavaScript 来编写小 Web 程序，作者说，我不想使用框架，虽然框架可以大大地减少我们的代码量以及节约时间，但是他做这个项目的目的就是为了让我们学习如何使用“纯”的 JavaScript 进行代码的编写。

我在看视频的过程中也一边在思考，将我在编写代码过程中遇到的不熟悉的 API 的特性的思考和测试写在了 ./test 文件夹中，将 js 文件放在了 ./js 文件夹中，其中分为了 *-dev.js 和 *.js 两个版本，其中的开发者版本每一步都有相应的注释，一步一步地顺序将其写出来，跟着视频和我写的代码看的话，是一定可以理解的，而另一个版本则是我将代码整体组织好后进行使用的版本。

此外，我将作者所写的代码进行了一定的优化和小改动，目的是为了使其更好辨识以及符合我们的审美习惯。

你可以 clone 到本地进行预览：https://github.com/Hushabyme/JavaScript-30days.git

clone 方法：

1. 打开 git 命令行工具
2. 选择指定的文件夹
3. 输入 git clone https://github.com/Hushabyme/JavaScript-30days.git
4. 等待下载完成即可

目录

（1）2017-2-28 有趣的架子鼓小游戏

（2）2017-2-28 行走的时钟

（3）2017-3-1 定制属于你的相册

（4）2017-3-1 Array.prototype 方法学习（1）

（5）2017-3-1 制作唯美交互的网页图集

（6）2017-3-1 Array.prototype 方法学习（2）

（7）2017-3-1 实时在线查找地址

（8）2017-3-1 canvas 五彩缤纷的画笔

（9）2017-3-2 控制台操作小技巧必知必会

（10）2017-3-2 按住 shift 实现复选框全选

（11）2017-3-2 自定义本地 HTML5 播放器