Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

candy1919/JavaScript-30days

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 天小项目,帮助你快速提升前端综合实力

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 40.2%
  • HTML 38.4%
  • CSS 21.4%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.