{"id":21212051,"url":"https://github.com/liyuechun/javascript30-liyuechun","last_synced_at":"2025-07-26T02:17:31.788Z","repository":{"id":37664515,"uuid":"97475104","full_name":"liyuechun/JavaScript30-liyuechun","owner":"liyuechun","description":"每天一个JavaScript项目挑战，30天玩转JavaScript,免费视频：http://www.kongyixueyuan.com","archived":false,"fork":false,"pushed_at":"2018-08-08T02:08:28.000Z","size":40777,"stargazers_count":337,"open_issues_count":1,"forks_count":139,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-05-19T21:04:29.425Z","etag":null,"topics":["javascript"],"latest_commit_sha":null,"homepage":"http://www.kongyixueyuan.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/liyuechun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-17T12:44:15.000Z","updated_at":"2025-05-14T02:27:56.000Z","dependencies_parsed_at":"2022-09-09T04:01:30.840Z","dependency_job_id":null,"html_url":"https://github.com/liyuechun/JavaScript30-liyuechun","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/liyuechun/JavaScript30-liyuechun","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyuechun%2FJavaScript30-liyuechun","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyuechun%2FJavaScript30-liyuechun/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyuechun%2FJavaScript30-liyuechun/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyuechun%2FJavaScript30-liyuechun/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liyuechun","download_url":"https://codeload.github.com/liyuechun/JavaScript30-liyuechun/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyuechun%2FJavaScript30-liyuechun/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263061405,"owners_count":23407606,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript"],"created_at":"2024-11-20T21:07:25.049Z","updated_at":"2025-07-02T02:04:34.351Z","avatar_url":"https://github.com/liyuechun.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript 30天每日效果图\n\n在Github上看到了[wesbos](https://twitter.com/wesbos)的一个Javascript30天挑战的[repo](https://github.com/wesbos/JavaScript30)，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这30天遇到的挑战与问题，将其教程化、视频化分享给大家。\n\n\n[在线查看JS30所有项目效果图](http://30daysofjs.michaeleinsohn.com/)\n\n\n## Day01 - JavaScript Drum Kit\n\n![](http://oslwafb71.bkt.clouddn.com/small0.jpg)\n\n## Day02 - JS and CSS Clock\n\n![](http://oslwafb71.bkt.clouddn.com/small1.jpg)\n\n\n## Day03 - CSS Variables\n\n![](http://oslwafb71.bkt.clouddn.com/small2.jpg)\n\n\n## Day04 - Array Cardio Day 1\n\n![](http://oslwafb71.bkt.clouddn.com/small3.jpg)\n\n## Day05 - Flex Panel Gallery\n\n![](http://oslwafb71.bkt.clouddn.com/small4.jpg)\n\n\n## Day06 - Type Ahead\n\n![](http://oslwafb71.bkt.clouddn.com/small5.jpg)\n\n\n## Day07 - Array Cardio Day 2\n\n![](http://oslwafb71.bkt.clouddn.com/small6.jpg)\n\n## Day08 - Fun with HTML5 Canvas\n\n![](http://oslwafb71.bkt.clouddn.com/small7.jpg)\n\n\n## Day09 - Dev Tools Domination\n\n![](http://oslwafb71.bkt.clouddn.com/small8.jpg)\n\n## Day10 - Hold Shift and Check Checkboxes\n\n![](http://oslwafb71.bkt.clouddn.com/small9.jpg)\n\n## Day11 - Custom Video Player\n\n![](http://oslwafb71.bkt.clouddn.com/small10.jpg)\n\n## Day12 - Key Sequence Detection\n\n![](http://oslwafb71.bkt.clouddn.com/small11.jpg)\n\n## Day13 - Slide in on Scroll\n\n![](http://oslwafb71.bkt.clouddn.com/small12.jpg)\n\n## Day14 - JavaScript References VS Copying\n\n![](http://oslwafb71.bkt.clouddn.com/small13.jpg)\n\n\n## Day15 - LocalStorage\n\n![](http://oslwafb71.bkt.clouddn.com/small14.jpg)\n\n## Day16 - Mouse Move Shadow\n![](http://oslwafb71.bkt.clouddn.com/small15.jpg)\n\n## Day17 - Sort Without Articles\n![](http://oslwafb71.bkt.clouddn.com/small16.jpg)\n\n## Day18 - Adding Up Times with Reduce\n\n![](http://oslwafb71.bkt.clouddn.com/small17.jpg)\n\n## Day19 - Webcam Fun\n![](http://oslwafb71.bkt.clouddn.com/small18.jpg)\n\n## Day20 - Speech Detection\n\n![](http://oslwafb71.bkt.clouddn.com/small19.jpg)\n\n## Day21 - Geolocation\n![](http://oslwafb71.bkt.clouddn.com/small20.jpg)\n\n\n## Day22 - Follow Along Link Highlighter\n\n![](http://oslwafb71.bkt.clouddn.com/small21.jpg)\n\n## Day23 - Speech Synthesis\n![](http://oslwafb71.bkt.clouddn.com/small22.jpg)\n\n\n## Day24 - Sticky Nav\n\n![](http://oslwafb71.bkt.clouddn.com/small23.jpg)\n\n## Day25 - Event Capture, Propagation, Bubbling and Once\n![](http://oslwafb71.bkt.clouddn.com/small24.jpg)\n\n\n## Day26 - Stripe Follow Along Nav\n![](http://oslwafb71.bkt.clouddn.com/small25.jpg)\n\n## Day27 - Click and Drag\n![](http://oslwafb71.bkt.clouddn.com/small26.jpg)\n\n\n## Day28 - Video Speed Controller\n\n![](http://oslwafb71.bkt.clouddn.com/small27.jpg)\n\n## Day29 - Countdown Timer\n\n![](http://oslwafb71.bkt.clouddn.com/small28.jpg)\n\n## Day30 - Whack A Mole\n\n![](http://oslwafb71.bkt.clouddn.com/small29.jpg)\n\n\n## 加入我们，一起挑战吧\n\n\u003e社群品牌：[从零到壹全栈部落](http://www.kongyixueyuan.com)\n\u003e\n\u003e定位：寻找共好，共同学习，持续输出全栈技术社群\n\u003e\n\u003e业界荣誉：IT界的逻辑思维\n\u003e\n\u003e文化：输出是最好的学习方式\n\u003e\n\u003e官方公众号：全栈部落\n\u003e\n\u003e社群发起人：[春哥(从零到壹创始人，交流微信：liyc1215)](http://weibo.com/mobiledevelopment)\n\u003e\n\u003e技术交流社区：[全栈部落BBS](http://bbs.kongyixueyuan.com)\n\u003e\n\u003e全栈部落完整系列教程：[全栈部落完整电子书学习笔记](http://fullstack.kongyixueyuan.com)\n\n|关注全栈部落官方公众号，每晚十点接收系列原创技术推送|\n|:---------:|\n|![](http://orhm8wuhd.bkt.clouddn.com/quanzhanbuluo.png)|\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyuechun%2Fjavascript30-liyuechun","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliyuechun%2Fjavascript30-liyuechun","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyuechun%2Fjavascript30-liyuechun/lists"}