整理了这23个开源项，初学者可以拿来练习！整理了这23个开源项，初学者可

新出了一个系列：Vue2与Vue3 技巧小册

微信搜索【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

很多初学者会时不时问我，经常看视频或书之类的教程，但久了没用就很容易的忘记，这个要怎么解？这个真是不好解，因为我也经常这样的，我大都建议多做项目来巩固记忆，但初学者对于比较复杂的项目很不好上手，所以今天分享 25 个初学者的比较容易上手的开源项目，希望对初学者的你们有所帮助，有时间就自己参考事例做一遍，如果没有思路就看源码是怎么实现，相信你会很有收获的。
1. Colors
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

2. Hex colors gradient
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

3. Random quote generator
GitHub: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

4. The message
github: https://github.com/iamcodefox...
线上演示例子：https://dev.to/codefoxx/25-be...

文章图片

5. Counter
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

6. Image carousel
github: https://github.com/iamcodefoxx
线上演示例子：https://github.com/iamcodefox...

文章图片

7. Digital clock
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

8. Calculator
github: https://github.com/iamcodefoxx
线上演示例子：https://iamcodefoxx.github.io...
【整理了这23个开源项，初学者可以拿来练习！】

文章图片

9. Grocery list
github: https://github.com/iamcodefox...
线上演示例子：https://github.com/iamcodefox...

文章图片

10. Tip calculator
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

11. Flashcards
github: https://github.com/iamcodefoxx
线上演示例子：https://iamcodefoxx.github.io...

文章图片

12. To-do list
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

13. Sticky notes
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

14. Timer
github: https://github.com/iamcodefox...
线上演示例子： https://iamcodefoxx.github.io...

文章图片

15. Math
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

16. Unsplash API
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

文章图片

17. Typewriter
github: https://github.com/iamcodefoxx
线上演示例子：https://iamcodefoxx.github.io...

文章图片

18. Square cards
github: https://github.com/iamcodefox...
线上演示例子：https://iamcodefoxx.github.io...

19. Weather application
github: https://github.com/iamcodefox...
线上演示例子： https://iamcodefoxx.github.io...

文章图片

20. Wikipedia API
github: https://github.com/iamcodefoxx
线上演示例子： https://iamcodefoxx.github.io...

文章图片

21. Marvel API
github: https://github.com/iamcodefox...
线上演示例子： https://iamcodefoxx.github.io...

22. Marvel API
github: https://github.com/iamcodefox...
线上演示例子： https://iamcodefoxx.github.io...

文章图片

23. Recipe API
github: https://github.com/iamcodefox...
线上演示例子： https://iamcodefoxx.github.io...

文章图片

作者：Miguel Nunez 译者：前端小智来源：dev
原文：https://dev.to/codefoxx/25-be...
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
交流