Name		Name	Last commit message	Last commit date
Latest commit History 370 Commits
01 - JavaScript Drum Kit		01 - JavaScript Drum Kit
02 - JS and CSS Clock		02 - JS and CSS Clock
03 - CSS Variables		03 - CSS Variables
04 - Array Cardio Day 1		04 - Array Cardio Day 1
05 - Flex Panel Gallery		05 - Flex Panel Gallery
06 - Fetch、filter、正则表达式实现快速古诗匹配		06 - Fetch、filter、正则表达式实现快速古诗匹配
07 - Array Cardio Day 2		07 - Array Cardio Day 2
08 - HTML5 Canvas 实现彩虹画笔绘画板		08 - HTML5 Canvas 实现彩虹画笔绘画板
09 - Console 调试各种姿势指南		09 - Console 调试各种姿势指南
10 - JS 实现 Checkbox 中按住 Shift 的多选功能		10 - JS 实现 Checkbox 中按住 Shift 的多选功能
11 - 自定义视频播放器		11 - 自定义视频播放器
12 - 键盘输入序列的验证指南		12 - 键盘输入序列的验证指南
13 - 图片随屏幕滚动而滑入滑出的效果		13 - 图片随屏幕滚动而滑入滑出的效果
14 - JavaScript 引用和值拷贝		14 - JavaScript 引用和值拷贝
15 - LocalStorage		15 - LocalStorage
16 - 移动鼠标让字体呈现彩虹效果		16 - 移动鼠标让字体呈现彩虹效果
17 - 数组排序		17 - 数组排序
18 - Day18 - Reduce、Map混合使用计算时分秒		18 - Day18 - Reduce、Map混合使用计算时分秒
19 - Webcam Fun		19 - Webcam Fun
20 - Speech Detection		20 - Speech Detection
21 - Geolocation		21 - Geolocation
22 - Follow Along Link Highlighter		22 - Follow Along Link Highlighter
23 - Speech Synthesis		23 - Speech Synthesis
24 - Sticky Nav		24 - Sticky Nav
25 - Event Capture, Propagation, Bubbling and Once		25 - Event Capture, Propagation, Bubbling and Once
26 - Stripe Follow Along Nav		26 - Stripe Follow Along Nav
27 - Click and Drag		27 - Click and Drag
28 - Video Speed Controller		28 - Video Speed Controller
29 - Countdown Timer		29 - Countdown Timer
30 - Whack A Mole		30 - Whack A Mole
31 - Canvas CountClock		31 - Canvas CountClock
Javascript 30days		Javascript 30days
.gitattributes		.gitattributes
LICENSE		LICENSE
README.md		README.md

Repository files navigation

纯CSS/CSS3制作的动画小demo

JavaScript 30天每日效果图

在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这30天遇到的挑战与问题，将其教程化、视频化分享给大家。实例在我学习过程中有所补充，具体实例多于30个。

在线查看JS30所有项目效果图

Day01 - JavaScript Drum Kit

Day02 - JS and CSS Clock

Day03 - CSS Variables

Day04 - Array Cardio Day 1

Day05 - Flex Panel Gallery

Day06 - Quick match

Day07 - Array Cardio Day 2

Day08 - Fun with HTML5 Canvas

Day09 - Dev Tools Domination

Day10 - Hold Shift and Check Checkboxes

Day11 - Custom Video Player

Day12 - Key Sequence Detection

Day13 - Slide in on Scroll

Day14 - JavaScript References VS Copying

Day15 - LocalStorage

Day16 - Mouse Move Shadow

Day17 - Sort Without Articles

Day18 - Adding Up Times with Reduce

Day19 - Webcam Fun

Day20 - Speech Detection

Day21 - Geolocation

Day22 - Follow Along Link Highlighter

Day23 - Speech Synthesis

Day24 - Sticky Nav

Day25 - Event Capture, Propagation, Bubbling and Once

Day26 - Stripe Follow Along Nav

Day27 - Click and Drag

Day28 - Video Speed Controller

Day29 - Countdown Timer

Day30 - Whack A Mole

Day31 - Canvas CountdownClock

本人博客：https://sunzhaoxiang.com
欢迎关注微信公众号：一线开发

About

Javascript 30天的demo来巩固基础

Report repository

Releases

No releases published

Packages

No packages published

Languages

JavaScript 100.0%