File tree 15 files changed +16
-16
lines changed
08 - Fun with HTML5 Canvas
09 - Dev Tools Domination
10 - Hold Shift and Check Checkboxes
12 - Key Sequence Detection
14 - JavaScript References VS Copying
15 files changed +16
-16
lines changed Original file line number Diff line number Diff line change 1
1
# 01 JavaScript Drum Kit 中文指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 1 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 02 纯 JS、CSS 时钟 中文指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 2 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2016-12-21
Original file line number Diff line number Diff line change 1
1
# 03 CSS Variable
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 3 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 04 Array Cardio 💪 指南一
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 4 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 05 Flex 实现可伸缩的图片墙 中文指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 5 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 06 Fetch 结合 filter 实现快速匹配古诗
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 6 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 07 Array Cardio 💪 指南二
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 7 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 08 HTML5 Canvas 实现彩虹画笔绘画板指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 8 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
## 实现效果
Original file line number Diff line number Diff line change 1
1
# 09 Console 调试技巧指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 9 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-01-06
Original file line number Diff line number Diff line change 1
1
# 10 JS 实现 Checkbox 中按住 Shift 的多选功能
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 10 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-01-07
Original file line number Diff line number Diff line change 1
1
# 12 键盘输入序列的验证指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 12 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-02-27
Original file line number Diff line number Diff line change 1
1
# 13 图片随屏幕滚动而滑入滑出的效果指南
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 13 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-07-14
Original file line number Diff line number Diff line change 1
1
# 14 JS中的引用与复制
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 14 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-07-19
Original file line number Diff line number Diff line change 1
1
# 15 LocalStorage
2
2
3
- > 作者:©[ 缉熙Soyaine ] ( https://github.com/soyaine )
3
+ > 作者:©[ 未枝丫 ] ( https://github.com/soyaine )
4
4
> 简介:[ JavaScript30] ( https://javascript30.com ) 是 [ Wes Bos] ( https://github.com/wesbos ) 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。现在你看到的是这系列指南的第 15 篇。完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
5
5
6
6
> 创建时间:2017-07-24
Original file line number Diff line number Diff line change 3
3
创建日期:2016-12-20
4
4
最后更新:2017-10-29
5
5
6
- > Repo by: [ 缉熙Soyaine ] ( https://github.com/soyaine )
6
+ > Repo by: [ 未枝丫 ] ( https://github.com/soyaine )
7
7
> [ JavaScript30] ( https://javascript30.com ) 教程作者:[ Wes Bos] ( https://github.com/wesbos )
8
8
> 完整指南在 [ GitHub] ( https://github.com/soyaine/JavaScript30 ) ,喜欢请 Star 哦♪(^∇^* )
9
9
@@ -81,7 +81,7 @@ Name | Contribution
81
81
[ @zzh466 ] ( http://github.com/zzh466 ) | Review
82
82
[ @Xing Liu] ( https://github.com/S1ngS1ng ) | Review
83
83
[@大史快跑Dashrun](https://github.com/dashrun) | No.[16](https://github.com/soyaine/JavaScript30/tree/master/16%20-%20Mouse%20Move%20Shadow).[17](https://github.com/soyaine/JavaScript30/tree/master/17%20-%20Sort%20Without%20Articles).[18](https://github.com/soyaine/JavaScript30/tree/master/18%20-%20AddingUpTimesWithReduce).[19](https://github.com/soyaine/JavaScript30/blob/master/19%20-%20Webcam%20Fun).[20](https://github.com/soyaine/JavaScript30/tree/master/20%20-%20Speech%20Detection).[21](https://github.com/soyaine/JavaScript30/tree/master/21%20-%20Geolocation).[22](https://github.com/soyaine/JavaScript30/tree/master/22%20-%20Follow%20Along%20Link%20Highlighter).[23](https://github.com/soyaine/JavaScript30/tree/master/23%20-%20Speech%20Synthesis).[24](https://github.com/soyaine/JavaScript30/tree/master/24%20-%20Sticky%20Nav).[25](https://github.com/soyaine/JavaScript30/tree/master/25%20-%20Event%20Related).[26](https://github.com/soyaine/JavaScript30/tree/master/26%20-%20Strip%20Follow%20Along%20Nav).[27](https://github.com/soyaine/JavaScript30/tree/master/27%20-%20Click%20and%20Drag).[28](https://github.com/soyaine/JavaScript30/tree/master/28%20-%20Video%20Speed%20Controller)
84
- [@缉熙Soyaine](https://github.com/soyaine) | No.[1](https://github.com/soyaine/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit).[2](https://github.com/soyaine/JavaScript30/tree/master/02%20-%20JS%20%2B%20CSS%20Clock).[3](https://github.com/soyaine/JavaScript30/tree/master/03%20-%20CSS%20%Variables).[4](https://github.com/soyaine/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201).[5](https://github.com/soyaine/JavaScript30/blob/master/05%20-%20Flex%20Panel%20Gallery).[6](https://github.com/soyaine/JavaScript30/blob/master/06%20-%20Type%20Ahead).[7](https://github.com/soyaine/JavaScript30/tree/master/07%20-%20Array%20Cardio%20Day%202).[8](https://github.com/soyaine/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas).[9](https://github.com/soyaine/JavaScript30/blob/master/09%20-%20Dev%20Tools%20Domination).[10](https://github.com/soyaine/JavaScript30/blob/master/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/README.md).[12](https://github.com/soyaine/JavaScript30/tree/master/12%20-%20Key%20Sequence%20Detection/README.md).[13](https://github.com/soyaine/JavaScript30/blob/master/13%20-%20Slide%20in%20on%20Scroll/README.md).[14](https://github.com/soyaine/JavaScript30/tree/master/14%20-%20JavaScript%20References%20VS%20Copying)
84
+ [@未枝丫](https://github.com/soyaine) | No.[1](https://github.com/soyaine/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit).[2](https://github.com/soyaine/JavaScript30/tree/master/02%20-%20JS%20%2B%20CSS%20Clock).[3](https://github.com/soyaine/JavaScript30/tree/master/03%20-%20CSS%20%Variables).[4](https://github.com/soyaine/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201).[5](https://github.com/soyaine/JavaScript30/blob/master/05%20-%20Flex%20Panel%20Gallery).[6](https://github.com/soyaine/JavaScript30/blob/master/06%20-%20Type%20Ahead).[7](https://github.com/soyaine/JavaScript30/tree/master/07%20-%20Array%20Cardio%20Day%202).[8](https://github.com/soyaine/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas).[9](https://github.com/soyaine/JavaScript30/blob/master/09%20-%20Dev%20Tools%20Domination).[10](https://github.com/soyaine/JavaScript30/blob/master/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/README.md).[12](https://github.com/soyaine/JavaScript30/tree/master/12%20-%20Key%20Sequence%20Detection/README.md).[13](https://github.com/soyaine/JavaScript30/blob/master/13%20-%20Slide%20in%20on%20Scroll/README.md).[14](https://github.com/soyaine/JavaScript30/tree/master/14%20-%20JavaScript%20References%20VS%20Copying)
85
85
86
86
## JOIN US
87
87
如果对这个系列的指南有什么改进的想法,欢迎[ 提 issue] ( https://github.com/soyaine/JavaScript30/issues ) ,如果你也想参与写作,请看 [ wiki] ( https://github.com/soyaine/JavaScript30/wiki/%E6%8C%87%E5%8D%97%E7%BB%93%E6%9E%84%E8%AF%B4%E6%98%8E ) ,并联系 Soyaine。
You can’t perform that action at this time.
0 commit comments