Hushabyme / JavaScript-30days

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 播放器

About

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


Languages

Language:JavaScript 40.2%Language:HTML 38.4%Language:CSS 21.4%