javascript
关注
分享
扫一扫
黎跃春
光速矩阵创始人兼CEO。
展开
-
JavaScript 30天 - 每天一个挑战
JavaScript 30天每日效果图在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这30天遇到的挑战与问题，将其教程化、视频化分享给大家。Day01 - JavaScript Drum KitDay02 - JS and CSS ClockDay03 - CSS Variabl原创 2017-07-20 11:53:29 · 1074 阅读 · 0 评论 -
Day09 - Console 调试各种姿势指南
Day09 - Console 调试各种姿势指南 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 9 篇。完整中文版指南及视频原创 2017-07-26 14:50:37 · 318 阅读 · 0 评论 -
Day15 - LocalStorage
Day15 - LocalStorage 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 14 篇。完整中文版指南及视频教程原创 2017-08-03 20:29:10 · 318 阅读 · 0 评论 -
Day10 - JS 实现 Checkbox 中按住 Shift 的多选功能
Day10 - JS 实现 Checkbox 中按住 Shift 的多选功能 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第原创 2017-07-26 17:54:08 · 1915 阅读 · 0 评论 -
Day20 - 语言识别系统中文指南
Day20 - 语言识别系统中文指南 本文出自：春哥个人博客 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 20 篇。原创 2017-08-11 17:07:18 · 372 阅读 · 1 评论 -
Day21 - Geolocation 中文指南
Day21 - Geolocation 中文指南 本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，原创 2017-08-14 19:35:08 · 601 阅读 · 0 评论 -
Day22 - 鼠标锚点动画生成指南
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2原创 2017-08-14 19:36:00 · 435 阅读 · 0 评论 -
Day23 - Speech Synthesis
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2原创 2017-08-14 19:36:29 · 1866 阅读 · 0 评论 -
(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班
(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班 从零到壹全栈部落 产品：个人独立博客，21点见Vue + Node + MongoDB支持服务端渲染的博客系统(5天)开发环境技术栈前端：vue.js + vue-router + vuex后端：node.js + mongodb (采用express框架)特色功能支持服务端渲染支持标题动态切换支持渐进式Web原创 2017-08-07 15:01:18 · 3142 阅读 · 0 评论 -
Day25 - Event Capture, Propagation, Bubbling and Once
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2原创 2017-08-14 19:37:51 · 365 阅读 · 0 评论 -
Day26 - Stripe Follow Along Nav
Day26 - Stripe Follow Along Nav 本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不原创 2017-08-14 19:38:49 · 464 阅读 · 0 评论 -
Day27 - Click and Drag
Day27 - Click and Drag 本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不原创 2017-08-14 19:39:44 · 396 阅读 · 0 评论 -
Day28 - Video Speed Controller
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2原创 2017-08-14 19:40:18 · 1313 阅读 · 0 评论 -
Day29 - Countdown Timer
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 2原创 2017-08-14 19:41:25 · 423 阅读 · 0 评论 -
Day14 - JavaScript 引用和值拷贝
Day14 - JavaScript 引用和值拷贝 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 14 篇。完整中文版指南原创 2017-08-03 18:10:56 · 350 阅读 · 0 评论 -
Day08 - HTML5 Canvas 实现彩虹画笔绘画板指南
Day08 - HTML5 Canvas 实现彩虹画笔绘画板指南 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 8 篇。完整原创 2017-07-25 21:01:31 · 2098 阅读 · 0 评论 -
Day19 - 摄像、拍照，滤镜中文指南
Day19 - 摄像、拍照，滤镜中文指南 本文出自：春哥个人博客 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 19原创 2017-08-09 17:59:44 · 467 阅读 · 0 评论 -
Day04 - Array Cardio 指南一
Day04 - Array Cardio 指南一 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 3 篇。完整指南在 从零到壹原创 2017-07-20 17:14:33 · 453 阅读 · 0 评论 -
day1 JavaScript Drum Kit 中文指南
Day01 - JavaScript Drum Kit简介第一天的练习是用JS制作一个爵士鼓的页面，通过敲击键盘上不同的字母，会发出不同的声音，并且页面上会伴随着敲击的动画。效果如下：想要实现以上效果，大致思路和解决方案如下：检测到键盘上什么键被按下–监听keydown事件在按键被按下的时候，播放音效–audio.play()在按键被按下的同时，播放动画–Element.classList.a原创 2017-07-17 21:09:49 · 577 阅读 · 0 评论 -
Day07 - Array Cardio 中文指南二
Day07 - Array Cardio 中文指南二 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 7 篇。完整中文版指南及原创 2017-07-25 21:00:57 · 367 阅读 · 0 评论 -
JavaScript 30天每日效果图
JavaScript 30天每日效果图在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这30天遇到的挑战与问题，将其教程化、视频化分享给大家。day01-day03 第01天 第02天 第03天 day04-day06 第04天 第05天 第原创 2017-07-17 21:08:03 · 1093 阅读 · 0 评论 -
Day05 - Flex 实现可伸缩的图片墙 中文指南
Day05 - Flex 实现可伸缩的图片墙 中文指南 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 5 篇。完整指南在 从原创 2017-07-21 17:49:01 · 597 阅读 · 0 评论 -
Day02 - JavaScript + CSS Clock
Day02 - JavaScript + CSS Clock 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 1 篇。完整指南原创 2017-07-18 21:21:19 · 463 阅读 · 0 评论 -
Day11 - 自定义视频播放器
Day11 - 自定义视频播放器 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 10 篇。完整中文版指南及视频教程在 从零到原创 2017-07-31 15:56:58 · 355 阅读 · 0 评论 -
Day12 - 键盘输入序列的验证指南
Day12 - 键盘输入序列的验证指南 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 12 篇。完整中文版指南及视频教程在原创 2017-07-31 18:56:39 · 467 阅读 · 0 评论 -
Day03 - CSS 变量
Day03 - CSS 变量 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 3 篇。完整指南在 从零到壹全栈部落。实现效果原创 2017-07-19 11:31:34 · 427 阅读 · 0 评论 -
Day17 - 数组排序中文指南
Day17 - 数组排序中文指南 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 17 篇。完整中文版指南及视频教程在 从零原创 2017-08-08 11:10:43 · 301 阅读 · 0 评论 -
Day18 - Reduce、Map混合使用计算时分秒
Day18 - Reduce、Map混合使用计算时分秒 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 18 篇。完整中文版原创 2017-08-08 12:20:29 · 299 阅读 · 0 评论 -
Day13 - 图片随屏幕滚动而滑入滑出的效果
Day13 - 图片随屏幕滚动而滑入滑出的效果 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 13 篇。完整中文版指南及视频原创 2017-08-01 18:06:40 · 3187 阅读 · 1 评论 -
Day06 - Fetch、filter、正则表达式实现快速古诗匹配
Day06 - Fetch、filter、正则表达式实现快速古诗匹配 作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 6 篇。原创 2017-07-24 18:28:43 · 586 阅读 · 0 评论 -
Day30 - JS实现打地鼠游戏
本文出自：春哥个人博客：http://www.liyuechun.org 作者：©黎跃春-追时间的人 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 3原创 2017-08-14 19:42:06 · 1007 阅读 · 0 评论