GitHub 经典项目归集
2024-05-09 17:11:04
目录
- 1. Vue3
- 2. Vue 源码解密
- 3. 简历项目
- 4. JavaScript
- 5. Flutter
- 6. TypeScript
- 7. 前端必备在线工具
- 8. 管理后台
- 9. 数据结构与算法
- 10. CSS 学习专题
- 11. Node.js
- 12. 小程序
- 13. 前端监控
- 14. 前端的代码规范
- 15. 程序员必备仓库
- 16. 设计规范
- 17. 可视化
- 18. 代码生成器
- 19. 下载全网视频
- 20. 酷炫的极客界面
- 21. 抠图神器
- 22. 在线绘图
- 23. 颜色搭配
- 24. 开发思想
- 25. 博客团队
- 26. 前端大会
- 27. 打包工具
- 28. 调试抓包
- 29. 开发工具
- 30. 录屏工具
- 31. 买房实用指南
- 32. 图标
- 33. 色彩
- 34. 插画
- 35. 图片
- 36. 设计工具
- 37. 优质的前端博客
- 38. WEB 技术清单
- 38.1 前端开发路线图
- 38.2 后端开发路线图
- 38.3 运维开发路线图
1. Vue3
| 项目 | 地址 |
|---|---|
| Vue3 中文文档 | https://vue3js.cn/docs/zh/ |
| Vue3 设计理念 | https://vue3js.cn/vue-composition/ |
| Vue3 相关项目聚合网站 | https://vue3js.cn/ |
| Vue3 源码 | https://vue3js.cn/start/ |
| Ant-design-vue | https://antdv.com/docs/vue/introduce-cn/ |
| Vant 3.0 | https://vant-contrib.gitee.io/vant/v3/ |
| Element-plus | https://element-plus.org/#/zh-CN |
| element 3 | https://github.com/hug-sun/element3 |
| vue-vben-admin | https://github.com/anncwb/vue-vben-admin |
| vue-admin-beautiful | https://github.com/chuzhixin/vue-admin-beautiful |
| vue-cli | https://github.com/Wscats/vue-cli |
| movie-trailer | https://github.com/lhz960904/movie-trailer |
| newbee-mall-vue3-app | https://github.com/newbee-ltd/newbee-mall-vue3-app |
| vue3-jd-h5 | https://github.com/GitHubGanKai/vue3-jd-h5 |
2. Vue 源码解密
| 项目 | 地址 |
|---|---|
| vue-analysis：Vue.js 源码分析 | https://github.com/ustbhuangyi/vue-analysis |
| vue-design：逐行级别的分析 | http://hcysun.me/vue-design/zh/ |
| vue-family-mindmap：用一张思维导图总结了 Vue | https://github.com/biaochenxuying/vue-family-mindmap/blob/master/Vue-family.jpg |
| learnVue：Vue.js 源码分析 | https://github.com/answershuto/learnVue |
| vue：Vue 源码逐行注释分析 | https://github.com/qq281113270/vue |
| vue2.0-source：Vue 源码分析 | https://github.com/liutao/vue2.0-source |
| Vue3 源码：Vue3 源码系列 | https://vue3js.cn/start/ |
3. 简历项目
best-resume-ever：快速生成漂亮简历的工具，它基于 Vue 和 LESS
项目地址：https://github.com/salomonelli/best-resume-ever
4. JavaScript
| 项目 | 地址 |
|---|---|
|
30-seconds-of-code：简短代码段，经常 会用到而且是非常经典的代码 |
https://github.com/30-seconds/30-seconds-of-code [ https://www.30secondsofcode.org/ |
| 33-js-concepts：JavaScript开发者应懂的 33 个概念 | https://github.com/leonardomso/33-js-concepts |
| javascript-questions：JavaScript 进阶问题列表 | https://github.com/lydiahallie/javascript-questions |
| JavaScript 30：使用原生 JavaScript 在 30 天内完成 30 个项目 | https://github.com/wesbos/JavaScript30 |
|
Codewars：和 leetcode 有点类似，也是在平台上和其他人一起 完成真实的代码挑战，提升你的技术 |
https://www.codewars.com/ |
|
ES6 入门教程：开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性 |
https://es6.ruanyifeng.com/ |
|
JavaScript 教程：全面介绍 JavaScript 核心语法，覆盖了 ES5 和 DOM 规范的所有内容 |
https://wangdoc.com/javascript/ |
|
现代 JavaScript 教程：以最新的 JavaScript 标准为基准。从基础 到高阶的 JavaScript 相关知识 |
https://zh.javascript.info/ |
|
MDN：提供开放网络(Open Web)技术有关的信息,包括用于网站 和渐进式网络应用的 HTML、CSS 和 API |
https://developer.mozilla.org/zh-CN/ |
| clean-code-javascript：优秀的 JS 代码规范 | https://github.com/ryanmcdermott/clean-code-javascript |
|
TypeScript 入门教程：从 JavaScript 程序员的角度总结思考， 循序渐进的理解 TypeScript |
https://ts.xcatliu.com |
| w3school：前端必须知道的 Web 技术教程平台 | https://www.w3school.com.cn/js/index.asp |
|
three.js：JavaScript编辑3D模型，各种各样炫酷的效果以及 Documentation值得你去了解three.js |
https://threejs.org/ |
5. Flutter
4 个基于 Flutter 的重磅高仿开源项目
| 网站 | 说明 |
|---|---|
| dy_flutter | 斗鱼 APP |
| flutter_tiktok | 精仿抖音 |
| flutter-osc | 开源中国客户端 |
| FlutterDouBan | 豆瓣客户端 |
6. TypeScript
7 个学习 TypeScript 的宝库
| 网站 | 说明 |
|---|---|
| TypeScript | TypeScript 官网，TS 扩展了 JavaScript ，为它添加了类型支持 |
| typescript-tutorial | TypeScript 入门教程，循序渐进的理解 TypeScript |
| TypeScript | TypeScript 使用手册 |
| typescript-book-chinese | 深入理解 TypeScript |
| clean-code-typescript | 适用于TypeScript 的简洁代码概念 |
| TypeScript入门 | TypeScript 入门的视频教程 |
| typescript-tutorial | TypeScript 速成教程（2小时速成） |
7. 前端必备在线工具
| 项目 | 地址 |
|---|---|
| LightHouse：一个开源的自动化工具，用于改进网络应用的质量 | https://github.com/GoogleChrome/lighthouse |
| Can I Use：查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站 | https://caniuse.com/ |
| ios font：IOS 字体支持查询和 IOS 系统自带字体查询 | http://iosfonts.com/ |
| web 安全色：尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色 | https://www.bootcss.com/p/websafecolors/ |
| TinyPNG：PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩 | https://tinypng.com/ |
| 二维码生成器：草料二维码生成器 | https://cli.im/ |
| Shape Divider：定制各种形状的网站分区 SVG 的工具 | https://www.shapedivider.app/ |
| json 格式化： json 在线解析的网站 | http://json.cn/ |
| sojson：前端WEB工具大合集 | https://www.sojson.com/ |
| 站长工具：站长的必备工具 | https://tool.chinaz.com/ |
| codelf：变量命名智能推荐（支持中文） | https://unbug.github.io/codelf/ |
| 印象笔记：Web 前端开发人员提供优质中文文档 | https://www.docschina.org/ |
| regexr：正则表达式验证匹配 | https://regexr.com/ |
| any-rule：正则表达式库，非常全，使用起来很方便 | https://github.com/any86/any-rule |
| bootcdn：国内的CDN库，速度快 | https://www.bootcdn.cn/ 或 https://cdn.baomitu.com/ |
| jsdelivr：国外的 cdn 库，支持 github，npm，WordPress | https://www.jsdelivr.com/ |
| gitignore：根据选择会去生成 .gitignore 文件 | https://www.gitignore.io/ |
| codesandbox：在线编辑代码 | https://codesandbox.io/ |
| typora：实用的 Markdown 写作工具，所见即所得 | https://www.typora.io/ |
| mdnice：使 markdown 语法更加美观，写作工具(强烈推荐) | https://mdnice.com/ |
| toptal：多张图片合成雪碧图，并生成对应 css | https://www.toptal.com/developers/css/sprite-generator |
| tool：众多工具集合，包括时间戳转换，进制转换等 | https://tool.lu/ |
8. 管理后台
10 个 GitHub 上超火和超好看的管理后台模版
| 项目 | 地址 |
|---|---|
| vue-Element-Admin：后台前端解决方案，基于 vue 和 element-ui 实现 | https://github.com/PanJiaChen/vue-element-admin |
| iview-admin：基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案 | https://github.com/iview/iview-admin |
| vue-admin-template：极简的 vue admin 管理后台 | https://github.com/PanJiaChen/vue-admin-template |
| ant-design-pro：Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案 | https://github.com/ant-design/ant-design-pro |
| ngx-admin：基于Angular 10+ 的可定制管理仪表板模，还拥有 6 个惊人的视觉主题 | https://github.com/akveo/ngx-admin |
| vue-admin-beautiful：基于 vue+element-ui 的绝佳的中后台前端开发管理框架 | https://github.com/chuzhixin/vue-admin-beautiful |
| vuestic-admin：免费与美妙 Vue.js 管理模板，包括 38 以上个定制用户界面组件 | https://github.com/epicmaxco/vuestic-admin |
| antd-admin：一套优秀的中后台前端解决方案 | https://github.com/zuiidea/antd-admin |
| eladmin：SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发 | https://github.com/elunez/eladmin |
| AdminLTE：是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS / jQuery 插件 | https://github.com/almasaeed2010/AdminLTE |
9. 数据结构与算法
GitHub上最火的、最值得前端学习的数据结构与算法项目！没有之一
| 项目 | 地址 |
|---|---|
| javascript-algorithms：含了多种基于 JavaScript 的算法与数据结构 | https://github.com/trekhleb/javascript-algorithms |
| algorithm-visualizer：算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法 | https://github.com/algorithm-visualizer/algorithm-visualizer |
| algo：数据结构和算法必知必会的 50 个代码实现 | https://github.com/wangzheng0822/algo |
| awesome-algorithms：包含不同著名计算机科学算法的 javascript 实现 | https://github.com/mgechev/javascript-algorithms |
| JS-Sorting-Algorithm：关于排序算法的 GitBook 在线书籍 《十大经典排序算法》 | https://github.com/hustcc/JS-Sorting-Algorithm |
|
JavaScript 数据结构与算法之美：包含了 十大经典排序算法 的思想、 代码实现、一些例子、复杂度分析、动画 |
https://github.com/biaochenxuying/blog |
| daily-algorithms：算法，每日练习的一个项目 | https://github.com/barretlee/daily-algorithms |
10. CSS 学习专题
10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！
| 项目 | 地址 |
|---|---|
| You-need-to-know-css： CSS 的各种效果实现，尤其是动画效果 | https://lhammer.cn/You-need-to-know-css/#/zh-cn/ |
| CSS-Inspiration：找到使用或者是学习 CSS 的灵感 | https://github.com/chokcoco/CSS-Inspiration |
| css_tricks： 总结了一些常用的 CSS 的新属性和一点奇技淫巧 | https://github.com/QiShaoXuan/css_tricks |
| animista： 各种 CSS 实现的效果，还有代码演示，方便直接复制代码 | http://animista.net/ |
| spinkit： 汇集了实现各种加载效果的 CSS 代码片段 | https://tobiasahlin.com/spinkit/ |
| 十天精通 CSS3： CSS3 教程 | https://www.imooc.com/learn/33 |
| Animate： 有趣的，跨浏览器的 css3 动画库 | https://animate.style/ |
| sass：Sass 是一种 CSS 的预编译语言，Sass 为 CSS 赋予了更强大的功能 | https://sass.bootcss.com/documentation |
| less：Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性 | https://less.bootcss.com/ |
| cssdeck：在线 CSS 前端代码 Demo 样式效果 | http://cssdeck.com/ |
| codepen：前端炫酷样式效果，各种 loading 效果，在线编程，Vue 组件也特别多 | https://codepen.io/ |
| cubic-bezier：CSS3 贝塞尔曲线在线调试工具 | https://cubic-bezier.com/ |
| Snapsvg：SVG 动效的 JS 库,各种炫酷的效果。 | http://snapsvg.io/ |
| Cool Backgrounds：超酷的背景图片，渐变的色彩的图片背景都有，看起来很酷。 | https://coolbackgrounds.io/ |
11. Node.js
GitHub 经典项目归集相关推荐
- GitHub mall项目学习（二） mall-admin
GitHub mall项目学习(二) mall-admin 本文主要介绍mall-admin后台系统 mall ├── mall-common -- 工具类及通用代码 ├── mall-mbg -- ...
- 如何使用github托管项目---快速入门（菜鸟教程）
1.首先创建你自己的github账号,一般使用邮箱注册 官网网址是:https://github.com 这里直接创建并登进去选择你的plan,完善部分信息即可. 2.完成注册,登录进去新建一个项目: ...
- FineUI经典项目展示（1）生产在线管理系统
本系列<FineUI经典项目展示>文章将会集中展示一批使用FineUI(开源版).专业版.MVC版的经典项目. 如果你希望自己的FineUI项目出现在这个舞台,请到官网论坛提交申请: ht ...
- 2017年度盘点：15个最流行的GitHub机器学习项目 By 机器之心2017年12月21日 15:23 在本文中，作者列出了 2017 年 GitHub 平台上最为热门的知识库，囊括了数据科学、机
2017年度盘点:15个最流行的GitHub机器学习项目 By 机器之心2017年12月21日 15:23 在本文中,作者列出了 2017 年 GitHub 平台上最为热门的知识库,囊括了数据科学.机 ...
- 从本地上传项目到 github 以及从github 下载项目到本地环境
前置条件:成功安装github,安装成功后,要配置密钥,不然上传不成功,要报错 具体上传步骤: git init //初始化 git add 文件名 //更新文件 git commit -m ...
- 详细介绍如何在win7下首次实现通过Git bash向Github提交项目
详细介绍如何在win7下首次实现通过Git bash向Github提交项目 引自:http://jingpin.jikexueyuan.com/article/35944.html 作者: wddoe ...
- github开源项目免费使用Azure PipeLine
微软收购Github后,很多人猜想微软可能会砍掉VSTS,然而事实VSTS并没有砍掉,关于Azure Devops的详细信息可以查看 这篇博客,如果想查看原文也可以从链接里提供的原始地址里查看. 今天 ...
- [Android开源项目] GitHub开源项目总结 (转)
[Android开源项目] GitHub开源项目总结 GitHub开源项目android-styled-dialogs http://neast.cn/forum.php?mod=viewthread ...
- 如何参与一个GitHub开源项目
Github作为开源项目的著名托管地,可谓无人不知,越来越多的个人和公司纷纷加入到Github的大家族里来,为开源尽一份绵薄之力.对于个人来讲,你把自己的项目托管到Github上并不表示你参与了Git ...
最新文章
- 复习06统计学习方法(Logistic回归与最大熵模型)---图片版
- 中南大学计算机有网络安全,中南大学2019年大学生网络安全知识竞赛（复赛）成功举行...
- 12.PHP_PDO数据库抽象层
- oracle集群 节点切换不,Oracle 11gR2 RAC集群单节点关闭开启
- MFC中Radio Button使用方法
- ITK:创建文件名列表
- 使用face-api和Tensorflow.js在浏览器中进行AI年龄估计
- Android UI设计秘笈
- ZStack的VPC特性详解及实战
- 卡巴世界,卡巴斯基,卡巴斯基key,卡巴斯基激活码,软件下载,每天更新
- 2021年计算机网络工程师真题,2021年计算机四级网络工程师题库完整版完整答案.doc...
- python办公自动化——批量向excel填充数据
- 用python的turtle画五角星
- 关于CalendarUtil获取时间的工具类
- postman 配置参数自动签名
- 用Python对微信好友进行简单统计分析
- C# 将打印机临时缓存文件SPL转为图片文件EMF
- 共享打印机计算机名没有反应,共享打印机接收到打印任务，但是没有反应该怎么处理 - 系统之家...
- html打开ppt自动播放,如何让ppt文档打开自动播放_让ppt文档打开自动播放的方法－系统城...
- Certbot nginx证书 or not Let‘s Encrypt