JavaScript 30天 - 每天一个挑战

最新推荐文章于 2023-03-27 11:31:38 发布
最新推荐文章于 2023-03-27 11:31:38 发布
阅读量991 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyuechun520/article/details/75504869
版权

JavaScript 30天每日效果图

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

Day01 - JavaScript Drum Kit

Day02 - JS and CSS Clock

Day03 - CSS Variables

Day04 - Array Cardio Day 1

Day06 - Type Ahead

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

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

加入我们，一起挑战吧

扫码申请加入全栈部落
黎跃春
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【JS30-Wes Bos】30天原生JS挑战——总结
qq_39701204的博客
03-14 1667
作者：©iaineisalsoyan 简介：Atypical frond-end developer. 非典型前端开发者。 完整指南在 GitHub，喜欢请 Star 哦♪(^∇^*) Have fun with the website! ♪(^∇^*) 项目简介 30 Day Challenge是 Wes Bos 设计的一个 30 天原生JS编程挑战。 项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是在不借助框架、库、编译器和引用的情况下，...
js-30-days-challenge:Wes Bos的30天Vanilla JS挑战。 没有框架，没有编译器，没有大惊小怪
04-12
No frameworks, no compilers, no fuss; 。 HTML JS Element.addEventLister（） Element.classList 。添加（） 。去掉（） document.querySelector（） document.querySelectorAll（） 声音的 。玩（） 。当前时间 Array.prototype.forEach 单击此处检查布局。 。 CSS 转换： 旋转（） 转换原点 过渡计时功能： 三次贝塞尔曲线 JS .getSeconds（） .getMinutes（） .getHours（） 元素样式 单击此处检查布局。 第三天：CSS变量。 CSS ：根 变数 网格 JS 节点清单 每次 HTMLElement.dataset document.documentElemen
JavaScript30:30天每日挑战赛
05-02
JavaScript30 来自30天每日挑战赛 这是JS日常挑战的说明。 :green_apple: 必须检查以下事情！ 日期 :blue_heart: 本课程的目标 :check_mark_button: 我成功了 :cross_mark: 我失败了 I我学到了什么 参考 日期 数字 标题 关联 2021. 2月22日 11 11-自定义HTML5视频播放器 2021. 2月23日 12 12-按键序列检测（KONAMI CODE） 2021.年3月2日 13 13-在Scroll中滑动 2021.年3月3日 14 14-对象和数组-参考VS复制 2021.年3月4日 15 15-LocalStorage和事件委托 2021.年3月5日 16 16-鼠标移动阴影 2021.年3月6日 17 17-无文章排序 2021.年3月7日 18岁 18-通过减少累加时间 2021.年3月8日 19 19-网络摄像头的乐趣 2021.年3月9日 20 20-语音检测 2
前端开发，js30个挑战项目
05-24
在这个里面有30个关于js 的练手项目， 在这里你能够了解一些你不知道的知识， 你也能俩姐一些各种各样的API，真的十分有趣。 当然他的内容肯定也是十分吸引人的。比如点击按钮，会播报 你写入的文字，甚至还可以切换各种语言，又比如你可以通过js 来实现自己拍照，自己简单的修图，并保存图片。 总而言之，你仔仔细细的对里面的内容不断的研究，练习， 对你的帮助是十分大的。 ok，讲的再多，不如自己去实践
30天JavaScript挑战笔记
JDUJNgl的博客
10-13 194
1.window.addEventListener(type:String, listener:Function) 作用 　　侦听事件并处理相应的函数。 参数 type:String 　　事件的类型（去掉前面的on）。(右键点击检查在console中输入window即可查看全部事件) 举例 window.addEventListener('keydown',function(e){console.log(e.keyCode); }) e为时间对象 ...
LeetCode 30天挑战 Day-30
KarlSzp
04-30 463
LeetCode 30 days Challenge - Day 30 本系列将对LeetCode新推出的30天算法挑战进行总结记录，旨在记录学习成果、方便未来查阅，同时望为广大网友提供帮助。 Check If a String Is a Valid Sequence from Root to Leaves Path in a Binary Tree Given a binary tree wh...
30 个常用 JavaScript 知识点总结
weixin_44357533的博客
03-27 76
30 个常用 JavaScript 知识点总结
【JS30】JavaScript 30天练习 第一天 简介
qq_34378032的博客
02-07 1153
???? 第一天 简介 本文参考了GitHub项目 Asabeneh/30-Days-Of-JavaScript，该项目只有英语、俄语和西班牙语，对中国新生代农民工不是很友好。 本人在翻译的过程中也对原文进行了一些修改，有问题还望读者指出。 介绍 祝贺您决定参加为期30天的JavaScript编程挑战。在这个挑战中，您将学习成为JavaScript程序员所需要的一切。 30DaysOfJavaScript编程挑战是一个针对初学者和高级JavaScript开发人员的指南。欢迎来到JavaScript。
一个月纯 JS 挑战——JavaScript30（1）——纯 JS 模拟敲鼓效果
幼儿园园长
03-30 848
首先呢，给大家推荐一个很好的免费的JS学习项目——JavaScript30。 JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。 我是跟着github上的一位大神一点一点学习的，他每一个挑战都有详细的注释和讲解，不会学的一头雾水，但是主要还是要自己动手去写代码并且自己复习知识点呀。 附上github地址：ht
30天javascript
05-14
初步学习，有详细步骤
30天JavaScript
02-23
30天JavaScript
JavaScript-30Days
03-26
JavaScript-30天
JavaScript30:30天JavaScript挑战
05-06
JavaScript30 入门文件+针对JavaScript 30天挑战赛的完整解决方案。 通过获取课程 社区＃JavaScript30内容 随时提交PR，并添加指向您自己的摘要，指南或评论的链接！ 有关每天的摘要，包括固定的故障，错误和其他功能 非常适合喜欢阅读而不是观看的人 快速经验教训 回顾与经验教训 分享了他在查看答案之前如何解决练习 包含了过程记录和难点解释 艾赛伊赛亚回顾与经验教训 分享了她的替代解决方案 观看了一次视频后，发布了每个挑战 汲取了教训和技巧，并在上查看了所有微型项目的工作情况。 叶mel（Amelie Yeh） 30堂课，记述了我学到的东西以及那些重要的总结。 并在这里直接查看我的演示 :Taiwan: :grinning_face_with_smiling_eyes: WinarJavaScript30天挑战，记录练习过程，重难点和其他的解决方案。 :artist_palette: Rayhatron-演练，摘要和经验教训。 安德烈·多布拉（An
Javascript30
07-24
Javascript30
JavaScript30:30天香草JS编码挑战
04-30
创建该存储库的目的是为了跟踪我在JavaScript很棒的30天挑战赛中的进度，并提交和记录我每天所学的内容。 如果您有与JavaScript / JavaScript30课程相关的任何查询，请创建一个新问题。 我将尝试尽快做出回应。 我...
Day 30天-CSS挑战:rocket:-JavaScript开发
05-26
:loudspeaker:一般规则每天执行一个项目，使用＃30diasDeCSS标签在社交媒体（Twitter，Facebook，Linkedin等）上共享您的进度该项目必须在晚上11:59之前完成:party_popper:结果第一天-社交媒体分层图标我的代码
30天JavaScript：30天JavaScript编程挑战是逐步学习30天JavaScript编程语言的指南。 这项挑战最多可能需要100天，请按照自己的进度
02-24
30天JavaScript ＃ 天 主题 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18岁 19 20 21 22 23 24 25 26 27 28 29 30 :orange_heart: :orange_heart: :orange_heart: 快乐编码 :orange_heart: :orange_heart: :orange_heart: 支持作者创作更多的教育资料 30天JavaScript：简介 作者： 2020年1月 :United_Kingdom: :Spain: :Russia: :notebook_with_decorative_cover: 第一天 介绍 祝贺您决定参加30天JavaScript编程挑战赛。 在这个挑战中，您将学习成为JavaScript程序员所需的所有知识，以及整个编程的概念。 挑战结束时，您将获得30DaysOfJavaScript编程挑战完成证书。 如果您需要帮助或想帮助他人，可以加入。 30DaysOfJavaScript挑战是面向
JavaScript30:实践现代javascript 30
03-25
로젝트입니다。 （ ） 챌린지일자2021.2.22〜 天 挑战 완료일 1个 CSS鼓组 2021年2月22日 2个 JS + CSS时钟 2021年2月23日 3 CSS变量 2021年2月24日 4 阵列有氧运动1 2021年2月25日 5 柔性面板图库 2021年2月26日 6 提前输入 2021年2月27日 7 阵列有氧运动2 2021年3月1日 8 HTML5 Canvas的乐趣 2021年3月2日 9 开发工具统治 2021年3月3日 10 按住Shift键并选中复选框 2021年3月4日 11 自定义视频播放器 2021年3月5日 12 按键序列检测 2021年3月6日 13 在Scroll中滑入 2021年3月8日 14 Javascript参考与复制 2021年3月9日 15 本地存储 2021年3月10日 16 鼠标移动阴影 20
javaScript蓝桥杯----外卖给好评
最新发布
10-25
JavaScript蓝桥杯是一个计算机编程竞赛，而外卖给好评是一个具体的问题，需要更多的上下文信息才能回答。不过，如果你想在JavaScript中实现外卖给好评的功能，可以考虑以下步骤： 1. 创建一个包含外卖评价的HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黎跃春

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值