推荐25个值得收藏的前端开源Awesome项目

原创

腾讯新闻前端团队

发布于 2022-06-10 16:28:40

1.2K0

发布于 2022-06-10 16:28:40

文章被收录于专栏：腾讯新闻前端团队腾讯新闻前端团队

开源项目就像是圣诞礼物一样，打开后经常会带来惊喜。下面是我们整理的10个打包好的"礼物"，希望可以对你有所帮助。

★1. Awesome-blackmagic

Site: https://github.com/tnfe/awesome-blackmagic

我们在web开发过程中，都会或多或少遇到过一些非常规需求，需要巧妙的应用我们所掌握的技术那不为人知的一面，这类奇技淫巧，我们称之为黑魔法。awesome-blackmagic项目将为web开发人员定期分享这些神奇的技术应用。

★2. # Awesome-lowcode-component

Site: https://github.com/aliaszz/awesome-lowcode-component

精选低代码 (LowCode) 资源列表

★3. Awesome-1kb

Site: https://github.com/xucz/awesome-1kb

各种小巧而精致的 1kb javascript小库

★4. Good++

Site: https://github.com/DeformedSteel/good

Good++项目是由几个程序员利用业余时间发起的，收集那些github上有趣、好玩的开源项目。

★5. Awesome State

Site: https://github.com/tnfe/awesome-state

网罗行业内各种各样的前端 状态管理 方案，包含react、vue、angular、小程序等状态库。

★6. Awesome Github REPO

Site: https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

Awesome GitHub Repo 会收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。值得注意的是，不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。同时欢迎通过 Pull Request 或者 issues 给我们推荐优秀好玩的开源项目。

★7. awesome-frontend-source-interpretation

Site: https://github.com/KieSun/awesome-frontend-source-interpretation

从源码层面，剖析前端主流技术的底层实现原理。

都说阅读开源框架源代码技术成长会很快，因此作者也尝试阅读一些前端领域中感兴趣的源码并对其内容做详细的分析，就像人类探索宇宙一般，不断探索及学习。

在这个仓库里作者会将自己阅读源码的心得记录下来，希望对各位读者有所帮助。

★8. awesome-web-dev-books

Site: https://github.com/jobbole/awesome-web-dev-books

好的技术书籍可以帮助我们快速地成长，大部分人或多或少地受益于经典的技术书籍。如果有人让你推荐前端技术书，请让他看这个列表。

★9. fe-awesome-demos

Site: https://github.com/BryanAdamss/fe-awesome-demos

此 repo 保存了学习前端时积累的一些demo案例，绝大部都带有详细注释，对新手入门有很大帮助。

★10. awesome-lesscode

Site: https://github.com/dream2023/awesome-lesscode

精选 less code / no code 前后端实践和工具列表

★11. awesome-cs-books

Site: https://github.com/imarvinle/awesome-cs-books

经典编程书籍大全，涵盖：计算机系统与网络、系统架构、算法与数据结构、前端开发、后端开发、移动开发、数据库、测试、项目与团队、程序员职业修炼、求职面试等

★12. JavaScript 资源大全中文版

Site: https://github.com/jobbole/awesome-javascript-cn

awesome-javascript 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎、数据可视化、时间轴、编辑器等。由「开源前哨」和「前端大全」微信公号团队维护更新。

★13. awesome-f2e-libs

Site: https://github.com/sorrycc/awesome-f2e-libs

sorrycc 整理的平时关注的前端库。

★14. awesome-books

Site: https://github.com/biaochenxuying/awesome-books

技术类精华书单推荐，包括前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍。

★15. awesome-uni-app

Site: https://github.com/aben1188/awesome-uni-app

Awesome for uni-app！基于Vue.js的跨平台多端应用前端框架uni-app一站式开发资源汇总。

uni-app是一个基于Vue.js的跨平台多端应用前端开发框架，由数字天堂DCloud开发并开源。

通过uni-app开发框架，开发者只需编写一套代码，即可同时编译生成多个平台的应用。

★16. awesome-frontend

Site: https://github.com/huaize2020/awesome-frontend

前端开发资源大全中文版。

An awesome front end develop packages and resources

★17. javascript-guidebook

Site: https://github.com/tsejx/javascript-guidebook

JavaScript 前端知识图谱。整理自各大技术社区和权威书籍的前端技术图谱

A guidebook for the convenience of the front-end developers

★18. awesome-nodejs-cn

Site: https://github.com/jobbole/awesome-nodejs-cn

About

Node.js 资源大全中文版，内容包括：命令行工具、日志、调试、HTTP、构建工具、文件系统、模板、Web 框架、流程控制、文本、图片和数据校验等。

★19. awesome-nodejs-security

Site: https://github.com/lirantal/awesome-nodejs-security

About

A curated list of awesome Node.js Security resources.

★20. f2e-awesome

Site: https://github.com/f2e-awesome/knowledge

About

文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。

★21. Front-End-Develop-Guide

Site: https://github.com/icepy/Front-End-Develop-Guide

About

Awesome The Front End Develop Guide：这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成。

★22. awesome-coding-js

Site: https://github.com/ConardLi/awesome-coding-js

About

练好数据结构和算法，非一日之功。此项目使用JavaScript实现的算法和数据结构。

★23. Awesome-Lists

Site: https://github.com/wx-chevalier/Awesome-Lists

About

Awesome-Lists 是横跨了编程语言与理论、Web 与大前端、服务端开发与基础架构、云计算与大数据、数据科学与人工智能、产品设计等多个领域的，包括了文章、书籍、课程、案例、开源项目等多种类型的精选资料索引（在各个系列的文章末尾会附上一些细分领域关联性较强的参考资料列表）。Awesome-Lists 记录了笔者在日常阅读、学习与实践中发掘的优秀的资料，其按照知识图谱中定义的各个领域的知识体系分门别类地存放；笔者会不断更新其中链接，去芜存菁，去重留一，希望为同仁提供优秀的、有价值的、尽可能精简的资料索引。