很多初学者会时不时问我，经常看视频或者书籍之类的教程，但是很容易忘记好久没用了，怎么解决？这个真的很难解决，因为我也经常这样。我大部分建议多做项目来巩固记忆，但是比较复杂的项目初学者是很难上手的，所以今天给初学者分享25个比较好用的开源项目。希望对初学者有所帮助。有时间的话可以参考例子自己动手。没有思路就看源码是怎么实现的。相信你会收获颇丰。1.Colorsgithub：https://github.com/iamcodefoxx/Colors在线演示示例：https://iamcodefoxx.github.io/Colors/2。十六进制颜色渐变github：https://github.com/iamcodefoxx/Hex-Colors-Gradient在线演示示例：https://iamcodefoxx.github.io/Hex-Colors-Gradient/3。随机报价生成器GitHub：https://github.com/iamcodefoxx/Random-Quote-Generator在线演示示例：https://iamcodefoxx.github.io/Random-Quote-Generator/4。messagegithub：https://github.com/iamcodefoxx/The-message在线演示示例：https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h5。Countergithub：https://github.com/iamcodefoxx/Counter在线演示示例：https://iamcodefoxx.github.io/Counter/6。图片轮播github：https://github.com/iamcodefoxx在线演示示例：https://github.com/iamcodefoxx/ImageCarousel7。数字时钟github：https://github.com/iamcodefoxx/DigitalClock在线演示示例：https://iamcodefoxx.github.io/DigitalClock/8。计算器github：https://github.com/iamcodefoxx在线演示示例：https://iamcodefoxx.github.io/Calculator/9。杂货清单githubb：https://github.com/iamcodefoxx/Grocery-List在线演示示例：https://github.com/iamcodefoxx/Grocery-List10。小费计算器github：https://github.com/iamcodefoxx/TipCalculator在线Demo示例：https://iamcodefoxx.github.io/TipCalculator/11。Flashcardsgithub：https://github.com/iamcodefoxx在线演示示例：https://iamcodefoxx.github.io/Flashcards/12。待办列表github：https://github.com/iamcodefoxx/To-do-list在线演示示例：https://iamcodefoxx.github.io/To-do-list/13。Stickynotesgithub：https://github.com/iamcodefoxx/Sticky-Notes在线演示示例：https://iamcodefoxx.github.io/Sticky-Notes/14。Timergithub：https://github.com/iamcodefoxx/Timer在线演示示例：https://iamcodefoxx.github.io/Timer/15。Mathgithub：https://github.com/iamcodefoxx/Math4Kids在线演示示例：https://iamcodefoxx.github.io/Math4Kids/16。UnsplashAPIgithub：https://github。com/iamcodefoxx/UnsplashAPI在线演示示例：https://iamcodefoxx.github.io/UnsplashAPI/17。Typewritergithub：https://github.com/iamcodefoxx在线演示示例：https://iamcodefoxx.github.io/Typewriter/18.方卡github：https://github.com/iamcodefoxx/SquareCards在线演示示例：https://iamcodefoxx.github.io/SquareCards/19。天气应用github：https://github.com/iamcodefoxx/Weather-App在线演示示例：https://iamcodefoxx.github.io/Weather-App/20。WikipediaAPIgithub：https://github.com/iamcodefoxx在线演示示例：https://iamcodefoxx.github.io/WikipediaAPI/21。MarvelAPIgithub：https://github.com/iamcodefoxx/Marvel-API在线演示示例：https://iamcodefoxx.github.io/Marvel-API/22。MarvelAPIgithub：https://github.com/iamcodefoxx/Quiz-App在线演示示例：https://iamcodefoxx.github.io/Quiz-App/23。RecipeAPIgithub：https://github.com/iamcodefoxx/RecipeAPI在线演示示例：https://iamcodefoxx.github.io/RecipeAPI/作者：MiguelNunez译者：前端小智来源：dev原文：https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h本文转载自微信公众号《大千世界》，可通过以下二维码关注和转载本文，请联系大千世界公众号。
