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

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

★1. Awesome-blackmagic

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

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

banner.png

★2. # Awesome-lowcode-component

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

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

cbccad71d9c6ce8d32cf289a96fcfe9b.jpeg

★3. Awesome-1kb

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

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

405510d8d54890c3ca1ac61bfe0f37dc.jpeg

★4. Good++

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

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

image.png

★5. Awesome State

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

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

astate2.jpg

★6. Awesome Github REPO

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

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

docs-starter.jpg

★7. awesome-frontend-source-interpretation

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

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

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

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

2.jpg

★8. awesome-web-dev-books

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

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

c9a7497e4be5845f5e7c3bab94cba041.jpeg

★9. fe-awesome-demos

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

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

20c042205cdde76d8c876f508c6f88a9.jpeg

★10. awesome-lesscode

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

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

3.svg

★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

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

7e9d76c298d55a8a91c2aa78b7f5ec39.jpeg

★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开发框架,开发者只需编写一套代码,即可同时编译生成多个平台的应用。

0072ec4f2a57ccb81109c9891cbb341f.jpeg

★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 框架、流程控制、文本、图片和数据校验等。

9add5f293f2981e4b2b9f4aae723015d.jpeg

★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) 学习与进阶。

tags.jpg

★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实现的算法和数据结构。

d8a1942e7123888c7ddf19b59a8b5e86.jpeg

★23. Awesome-Lists

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

About

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

43364904-59f5bda6-9356-11e8-9ab3-ae073d08bb9e.png

★24. awesome-wechat-weapp

Site: https://github.com/justjavac/awesome-wechat-weapp

About

本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南,也非参考手册,只是一些资料的整理。

7ececdd23d635bd13110e932c680f7b6.jpeg

★25. awesome-webpack-cn

Site: https://github.com/webpack-china/awesome-webpack-cn

About

8ee48ddb4a8a286dbbb45b400292a749.jpeg

搜罗一切webpack的好文章好工具


感谢您的耐心阅读!

2

原文地址:https://cloud.tencent.com/developer/article/2020145

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习编程?其实不难,不过在学习编程之前你得先了解你的目的是什么?这个很重要,因为目的决定你的发展方向、决定你的发展速度。
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面设计类、前端与移动、开发与测试、营销推广类、数据运营类、运营维护类、游戏相关类等,根据不同的分类下面有细分了不同的岗位。
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生学习Java开发,但要结合自身的情况,先了解自己适不适合去学习Java,不要盲目的选择不适合自己的Java培训班进行学习。只要肯下功夫钻研,多看、多想、多练
Can’t connect to local MySQL server through socket \'/var/lib/mysql/mysql.sock问题 1.进入mysql路径
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 sqlplus / as sysdba 2.普通用户登录
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服务器有时候会断掉,所以写个shell脚本每五分钟去判断是否连接,于是就有下面的shell脚本。
BETWEEN 操作符选取介于两个值之间的数据范围内的值。这些值可以是数值、文本或者日期。
假如你已经使用过苹果开发者中心上架app,你肯定知道在苹果开发者中心的web界面,无法直接提交ipa文件,而是需要使用第三方工具,将ipa文件上传到构建版本,开...
下面的 SQL 语句指定了两个别名,一个是 name 列的别名,一个是 country 列的别名。**提示:**如果列名称包含空格,要求使用双引号或方括号:
在使用H5混合开发的app打包后,需要将ipa文件上传到appstore进行发布,就需要去苹果开发者中心进行发布。​
+----+--------------+---------------------------+-------+---------+
数组的声明并不是声明一个个单独的变量,比如 number0、number1、...、number99,而是声明一个数组变量,比如 numbers,然后使用 nu...
第一步:到appuploader官网下载辅助工具和iCloud驱动,使用前面创建的AppID登录。
如需删除表中的列,请使用下面的语法(请注意,某些数据库系统不允许这种在数据库表中删除列的方式):
前不久在制作win11pe,制作了一版,1.26GB,太大了,不满意,想再裁剪下,发现这次dism mount正常,commit或discard巨慢,以前都很快...
赛门铁克各个版本概览:https://knowledge.broadcom.com/external/article?legacyId=tech163829
实测Python 3.6.6用pip 21.3.1,再高就报错了,Python 3.10.7用pip 22.3.1是可以的
Broadcom Corporation (博通公司,股票代号AVGO)是全球领先的有线和无线通信半导体公司。其产品实现向家庭、 办公室和移动环境以及在这些环境...
发现个问题,server2016上安装了c4d这些版本,低版本的正常显示窗格,但红色圈出的高版本c4d打开后不显示窗格,
TAT:https://cloud.tencent.com/document/product/1340