关于前端:2K-Star超过-50-个专题450-个好项目大半年来推荐过的重磅项目合集-👍

这大半年来，猫哥曾经举荐过超过 50 个专题， 400 个超级好的开源我的项目了，明天把往期举荐过的文章与我的项目做个合集吧，不便大家能疾速得查阅到想要的我的项目。

我是你们的猫哥，还是那个不喜爱吃鱼、又不喜爱喵的超级猫 ~

人不知;鬼不觉，公众号：前端GitHub 和 GitHub 上的仓库 FrontEndGitHub 都曾经更新并经营超过半年了呀, 前端GitHub 的定位是如下的：

专一于开掘优良的前端开源我的项目，抹平你的前端信息不对称，涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。

尽管更新文章的频率不高，均匀一周一更，然而还是始终在更新的，而且更新的文章内容还是很有品质的。

FrontEndGitHub 也播种了 2K 的 Star！感激各位大佬的必定与激励。

平时如何发现好的开源我的项目，能够看看这篇文章：GitHub 上能挖矿的神仙技巧 – 如何发现优良开源我的项目

软技能

自从把握了Google和百度的 16 个高级搜寻技巧，我再也没有解决不了的 bug 了
恕我直言，你可能连 GitHub 搜寻都不会用 – 如何精准搜寻的神仙技巧
精彩待续。。。

我的项目	地址
GitHub 官网文档：应用、搜寻、治理开源我的项目	https://docs.github.com/cn

前端趋势榜

影响了一代代前端人的 20 个里程碑式的顶级开源我的项目！
1534K Star！排名前十的 10 大前端顶级开源我的项目！
猛增 110K Star！年增长数最多的 10 大顶级前端学习资源我的项目！
前端最风行的 10 大顶级开源我的项目！猛增 174K Star！
前端月趋势榜：5 月最热门的 20 个前端开源我的项目 – 又减少了那么多个好的开源我的项目！ – 2105
前端月趋势榜：4 月最热门的 20 个前端开源我的项目 – 又减少了那么多个好的开源我的项目！- 2104
Web 趋势榜：上周最热门的 10 大 Web 我的项目 – 210410
前端趋势榜：上周最热门的 10 大前端我的项目 – 210327
精彩待续。。。

Vue3

Vue3 的学习教程汇总、源码解释我的项目、反对的 UI 组件库、优质实战我的项目
精彩待续。。。

我的项目	地址
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

Vue 源码解密

举荐 7 个 Vue2、Vue3 源码解密剖析的开源我的项目 👍
精彩待续。。。

我的项目	地址
vue-analysis：Vue.js 源码剖析	https://github.com/ustbhuangyi/vue-analysis
vue-design：逐行级别的剖析	http://hcysun.me/vue-design/zh/
vue-family-mindmap：用一张思维导图总结了 Vue、Vue-Router、Vuex 源码与架构要点	https://github.com/biaochenxuying/vue-family-mindmap
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/

React 源码解密

举荐一个 React 技术揭秘的我的项目，自顶向下的 React 源码剖析
精彩待续。。。

我的项目	地址
just-react：谨严、易懂的 React 源码剖析教程	https://github.com/BetaSu/just-react

面试专题

举荐这 10 个 GitHub 上超火的前端面试我的项目，打造本人的加薪宝库！
精彩待续。。。

我的项目	地址
Front-end-Developer-Questions：前端面试题	https://h5bp.org/Front-end-Developer-Interview-Questions/
javascript-questions：JavaScript 进阶问题列表	https://github.com/lydiahallie/javascript-questions
Daily-Question：每天一道大厂面经推送	https://github.com/shfshanyue/Daily-Question
CS-Interview-Knowledge-Map：一线大厂面试题	https://github.com/InterviewMap/CS-Interview-Knowledge-Map
Daily-Interview-Question：每天搞定一道前端大厂面试题	https://github.com/Advanced-Frontend/Daily-Interview-Question
fe-interview：前端面试的一个温习汇总我的项目	https://lucifer.ren/fe-interview
fe-interview：前端面试专题	https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md
fe-interview：前端常识题库	https://github.com/haizlin/fe-interview
node-interview：饿了么大前端的面试	https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
Front-End-Interview-Notebook：前端温习笔记	https://github.com/CavsZhouyou/Front-End-Interview-Notebook
FE-Interview：前端面试必备题库	https://github.com/lgwebdream/FE-Interview
web-interview：Vue 面试题库	https://github.com/febobo/web-interview

简历专题

10 个 GitHub 上最火的程序员简历我的项目，2021 金三银四必备！
精彩待续。。。

我的项目	地址
ResumeSample：程序员简历模板系列	https://github.com/geekcompany/ResumeSample
Markdown-Resume：用 markdown 语法来写的简历模版，十分简结通用	https://github.com/CyC2018/Markdown-Resume
awesome-resume：程序员简历例句，程序员简历范例	https://github.com/resumejob/awesome-resume
DeerResume：好用的 MarkDown 在线简历工具，可在线预览、编辑、设置拜访明码和生成 PDF	https://github.com/geekcompany/DeerResume
markdown-resume：在线简历排版工具，反对切换 4 种模版、自定义和导出性能	https://github.com/mdnice/markdown-resume
best-resume-ever：疾速生成丑陋简历的工具，它基于 Vue 和 LESS	https://github.com/salomonelli/best-resume-ever
awesome-resume-for-chinese：适宜中文的简历模板收集	https://github.com/dyweb/awesome-resume-for-chinese
resume：一份优雅简洁的简历	https://github.com/gwuhaolin/resume
biaochenxuying：十分自在的自定义的前端程序员模版	https://github.com/biaochenxuying/blog/blob/master/resume/resume.md
github-readme-stats：在你的 README 中获取动静生成的 GitHub 统计信息	https://github.com/anuraghazra/github-readme-stats

JavaScript

12 个 GitHub 上超火的 JavaScript 奇技淫巧我的项目，找到写 JavaScript 的灵感！
精彩待续。。。

我的项目	地址
30-seconds-of-code：简短代码段，常常会用到而且是十分经典的代码	https://github.com/30-seconds/30-seconds-of-code
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	three.js](https://threejs.org/)

Flutter

举荐 4 个基于 Flutter 的重磅高仿开源我的项目
精彩待续。。。

网站	阐明
dy_flutter	斗鱼 APP
flutter_tiktok	精仿抖音
flutter-osc	开源中国客户端
FlutterDouBan	豆瓣客户端

TypeScript

举荐 7 个学习 TypeScript 的宝库，2021 是时候给本人加薪了！
精彩待续。。。

网站	阐明
TypeScript	TypeScript 官网，TS 扩大了 JavaScript ，为它增加了类型反对
typescript-tutorial	TypeScript 入门教程，循序渐进的了解 TypeScript
TypeScript	TypeScript 使用手册
typescript-book-chinese	深刻了解 TypeScript
clean-code-typescript	实用于TypeScript的简洁代码概念
TypeScript入门	TypeScript 入门的视频教程
typescript-tutorial	TypeScript 速成教程（2小时速成）

前端必备在线工具

白嫖 11 个超火的前端必备在线工具，终于有工夫下班摸鱼了
举荐 12 个学习前端必备的神仙级工具类我的项目与网站
精彩待续。。。

我的项目	地址
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库，速度快	www.bootcdn.cn 或 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/

计算机内功秘籍

举荐 7 个 Github 上近 200k Star 的计算机学习资源，练好前端内功的秘籍！
Ｂ站珍藏 12.5w+！GitHub 标星 6.6k+！这门神课援救了我单薄的计算机根底
精彩待续。。。

我的项目	地址
Crash-Course-Computer-Science-Chinese：计算机科学速成课	https://github.com/1c7/Crash-Course-Computer-Science-Chinese
computer-science：通往计算机科学收费自学教育之路！	https://github.com/ossu/computer-science
CS-Notes：技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、零碎设计、Java、Python、C++	https://github.com/CyC2018/CS-Notes
REKCARC-TSC-UHT：清华大学计算机系课程攻略	https://github.com/PKUanonym/REKCARC-TSC-UHT
zju-icicles：浙江大学课程攻略共享打算	https://github.com/QSCTech/zju-icicles
TeachYourselfCS-CN：仅仅依附本人，你就能够取得世界一流程度的教育	https://github.com/keithnull/TeachYourselfCS-CN
CS-Xmind-Note：计算机专业课（408）思维导图和笔记	https://github.com/SSHeRun/CS-Xmind-Note
awesome-books：160+ 本开源技术类精髓电子书，包含前端、后端、数据结构与算法、计算机根底、设计模式、数据库等书籍	https://github.com/biaochenxuying/awesome-books

在线的代码转图片

我的项目	地址
Carbon：在线的代码转图片工具	https://carbon.now.sh/
glorious.codes：在线的代码转图片工具	https://glorious.codes/demo
codezen：在线的代码转图片工具	http://codezen.rishimohan.me/
codeimg：在线的代码转图片工具	https://codeimg.io/

治理后盾 admin

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

逼格满满的 PPT

GitHub 标星 54K + 2K！这才是程序员写逼格满满的 PPT 的正确姿态！
精彩待续。。。

我的项目	地址
reveal-md：应用 Markdown 来做 PPT 展现的开源我的项目	https://github.com/webpro/reveal-md
reveal.js：应用 html、markdown 写动态的文本，创立功能齐全且好看的 PPT	https://github.com/hakimel/reveal.js

数据结构与算法

7 个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
JavaScript 更多 …	https://github.com/search?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories

CSS 学习专题

[[10 个 GitHub 上超火的 CSS 技巧我的项目，找到写 CSS 的灵感！]](https://github.com/biaochenxuying/FrontEndGitHub/issues/7)
精彩待续。。。

我的项目	地址
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/

Node.js

举荐 9 个 Node.js 学习、进阶、debugging 剖析、实战的重磅开源我的项目 👍
精彩待续。。。

我的项目	地址
node：最佳的学习资源必定是最权威的 Node.js 的官网我的项目啦。	https://github.com/nodejs/node
node-api-cn：Node.js API 中文文档我的项目	https://github.com/nodejscn/node-api-cn
node-in-debugging： Node.js 调试指南的我的项目	https://github.com/nswbmw/node-in-debugging
nodebestpractices：对Node.js最佳实际中排名最高的内容的总结和分享	https://github.com/goldbergyoni/nodebestpractices
deep-into-node：深刻了解 Node.js：核心思想与源码剖析	https://github.com/yjhjstz/deep-into-node
Nodejs-Roadmap：Node.js 服务端所波及的技术栈	https://github.com/qufei1993/Nodejs-Roadmap
NeteaseCloudMusicApi：网易云音乐 Node.js API service	https://github.com/Binaryify/NeteaseCloudMusicApi
node-elm：这是基于 node.js + Mongodb 构建的后盾零碎	https://github.com/bailicangdu/node-elm
awesome-nodejs：Node.js 资源合集	https://github.com/sindresorhus/awesome-nodejs

小程序

我的项目	地址
mpvue：基于 Vue.js 的小程序开发框架，从底层反对 Vue.js 语法和构建工具体系	https://github.com/Meituan-Dianping/mpvue
wepy：小程序组件化开发框架	https://github.com/Tencent/wepy
westore：微信小程序解决方案 – 1KB javascript 笼罩状态治理、跨页通信、插件开发和云数据库开发	https://github.com/Tencent/westore
ColorUI：鲜亮的高饱和色调，专一视觉的小程序组件库	https://github.com/weilanwl/ColorUI
Gitter：采纳 Taro 框架 + Taro UI 进行开发的 demo ，可能是目前颜值最高的 GitHub 微信小程序客户端	https://github.com/huangjianke/Gitter
Taro：多端对立开发框架，反对用 React 的开发方式编写一次代码	https://github.com/NervJS/taro
Painter：小程序生成图片库，轻松通过 json 形式绘制一张能够发到朋友圈的图片	https://github.com/Kujiale-Mobile/Painter
kbone：Web 与小程序同构解决方案，微信官网	https://github.com/wechat-miniprogram/kbone

前端监控

举荐 GitHub 2K+ 星：前端监控工具 – webfunny 我的项目！
精彩待续。。。

网站	阐明
前端监控工具 – webfunny 我的项目	一款轻量级前端异样监控和前端性能监控零碎

前端的代码标准

恕我直言，这几个大厂的前端代码标准你可能还不会 – 能精进前端的代码标准
精彩待续。。。

我的项目	地址
腾讯	http://tgideas.qq.com/doc/index.html
京东	https://guide.aotu.io/index.html
airbnb	https://github.com/airbnb/javascript
百度	https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md
JavaScript Standard Style	https://github.com/standard/standard
Vue	https://cn.vuejs.org/v2/style-guide/index.html
ES6	http://es6.ruanyifeng.com/#docs/style
Bootstrap	https://codeguide.bootcss.com/
ESLint	https://eslint.org/
Prettier	https://prettier.io/

程序员必备仓库

举荐程序员必备的 10 大 GitHub 仓库，前端占了 7 个！
精彩待续。。。

我的项目	地址
build-your-own-x：构建本人想做的利用	https://github.com/danistefanovic/build-your-own-x
javascript-algorithms：多种基于 JavaScript 的算法与数据结构	https://github.com/trekhleb/javascript-algorithms
computer-science：为所有想要学习计算机科学的人提供了大量的收费学习资源	https://github.com/ossu/computer-science
30-seconds-of-code：超过 100 个代码段，涵盖了 JavaScript 中的各种内容	https://github.com/30-seconds/30-seconds-of-code
nodebestpractices：Node.js 最佳实际中排名最高的内容的总结和分享	https://github.com/goldbergyoni/nodebestpractices
realworld：如何应用特定的语言 / 技术开发适当的利用	https://github.com/gothinkster/realworld
free-programming-books：收费提供编程书籍	https://github.com/EbookFoundation/free-programming-books
system-design-primer：学习如何设计大型零碎，为零碎设计面试做筹备	https://github.com/donnemartin/system-design-primer
awesome-python：精选的 Python 框架，库，软件和资源的精选清单	https://github.com/vinta/awesome-python
awesome-machine-learning：精选的很棒的机器学习框架，库和软件的列表	https://github.com/josephmisiti/awesome-machine-learning

国外网站

涨姿态了！22 个拓展程序员技术与视线的国外网站！
精彩待续。。。

我的项目	地址
GitHub：开源我的项目仓库	https://github.com
GitLab：仓库管理系统的开源我的项目	https://about.gitlab.com/
dev.to：技术博客社区	https://dev.to/
dreamincode：小众的技术博客	https://www.dreamincode.net
bytes：和 dreamcode 相似，简洁但不简略	https://bytes.com
hongkiat：技术、设计畛域相干的技术文章	https://www.hongkiat.com/blog/design-dev
IBM Developer：一线工程师，技术性很强的文章	https://developer.ibm.com
StackOverFlow：专为程序员提供的国际性问题解答交换社区	https://stackoverflow.com
Reddit：十分共性的社区，你能够探讨编程问题，还能够学习学英语	https://www.reddit.com
daniweb：品质比拟高的问答平台	https://www.daniweb.com
LeetCode：国内的 leetcode 一样都是刷题用的	https://leetcode.com
LintCode：LintCode 领扣上有数量超过 1000 道的算法题目和人工智能题目	https://www.lintcode.com
Codeforces：寰球最驰名的在线评测零碎之一	http://codeforces.com/
Topcoder：世界上规模最大的编程网站	https://www.topcoder.com
tutorialspoint：在线学习的网站，并且收费，外面有各种技术、各个知识点的解说和demo	https://www.tutorialspoint.com/index.htm
codecademy：简化编程学习的过程	https://www.codecademy.com
Livecoding.tv：为寰球程序员提供一个实时高效的互动平台	https://www.livecoding.tv/accounts/login/
Dzone：技术涵盖比拟全面的网站	https://dzone.com
simpleprogrammer：纯技术文章不多，领导建议性的文章比拟多	https://simpleprogrammer.com/
SitePoint：学习 Web 设计和开发 HTML5，CSS3，JavaScript，PHP，挪动利用	https://www.sitepoint.com/web
YouTobe：国内的哔哩哔哩一样，各类视频汇聚于此，当然各国编程大神也在这啦	https://www.youtube.com/

设计规范

我的项目	地址
iPhone各设施屏幕尺寸	https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
挪动屏幕尺寸设计规范	http://screensiz.es/phone
微信官网小程序UI款式库	https://weui.io/
各大尺寸设施响应式屏幕成果显示	http://www.responsinator.com/

可视化

举荐 brick design全场景可视化拖拽低代码前端框架
精彩待续。。。

我的项目	地址
brick-design：全场景可视化拖拽低代码前端框架	https://github.com/brick-design/brick-design

代码生成器

GitHub 2W 星：一键生成前后端代码
精彩待续。。。

我的项目	地址
jeecg-boot：一键生成前后端代码	https://github.com/zhangdaiscott/jeecg-boot

下载全网视频

GitHub 5W 星：一行命令下载全网视频的两个开源我的项目
精彩待续。。。

我的项目	地址
you-get：一行命令下载全网视频	https://github.com/soimort/you-get
annie：一行命令下载全网视频	https://github.com/iawia002/annie

酷炫的极客界面

被惊艳到了！实用 Win、Mac、Linux，酷炫的极客界面 eDEX-UI
程序员最想要的高逼格，都藏在这个开源我的项目里了！
精彩待续。。。

我的项目	地址
eDEX-UI：酷炫的极客界面	https://github.com/GitSquared/edex-ui
lively：拉高程序员电脑桌面逼格	http://screensiz.es/phone

抠图神器

我的项目	地址
removebg	https://www.remove.bg/zh
在线 ps-uupoop	https://www.uupoop.com/

在线绘图

我的项目	地址
ProcessOn	https://www.processon.com/
draw.io	https://www.draw.io/
excalidraw	https://excalidraw.com/

色彩搭配

我的项目	地址
中科院色谱的中国传统色	http://zhongguose.com/#yuhong
在线疾速配色生成工具	https://coolors.co/
每天更新一组简洁难受的配色计划	https://colorhunt.co/
MaterialDesign弱小的在线配色	https://www.materialpalette.com/blue/purple
通过网址获取剖析网站配色	http://webcolourdata.com/
炫酷多边形背景色块生成	https://trianglify.io/
色调搜索引擎	https://picular.co/
风行的网格突变背景收费下载	https://webgradients.com/
上传并匹配提取图片格调的色彩	http://www.colorfavs.com/

开发思维

Github标星1.6W+，程序员不得不知的“潜规则”又火了，早晓得就不会秃头了
精彩待续。。。

我的项目	地址
hacker-laws：最常见的定律、准则等	https://github.com/nusr/hacker-laws-zh

技术社区

我的项目	地址
GitHub：高质量的内容创作和分享平台	https://github.com/
stackoverflow：一个答复技术问题的网站	https://stackoverflow.com/
掘金：目前来看，国内的很多优质前端文章，都在掘金上	https://juejin.cn/
博客园：一个很纯正的技术博客平台	https://www.cnblogs.com/
知乎：很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就十分沉闷	https://www.zhihu.com/
segmentfault：比拟低调的技术博客平台	https://segmentfault.com/
CSDN：广告太多，但奈何你这么老牌	https://www.csdn.net/
v2ex：一个对于分享和摸索的中央	https://www.v2ex.com/
Node.js业余中文社区	https://www.jstips.co/
JS技巧：每天推出一个JS技巧的网站	http://cnodejs.org/
W3cplus：是一个致力于推广国内前端行业的技术博客	https://www.w3cplus.com/
印记中文：是最权威是技术中文文档社区	https://docschina.org/

博客团队

我的项目	地址
腾讯AlloyTeam	http://www.alloyteam.com/
腾讯社交用户体验ISUX	https://isux.tencent.com/
淘系前端团队	https://fed.taobao.org/
阿里巴巴国内UED	http://www.aliued.com/
京东凹凸实验室	https://aotu.io/
饿了么前端	https://zhuanlan.zhihu.com/ElemeFE
百度前端研发部FEX	http://fex.baidu.com/
360 奇舞团	https://75team.com/
美团技术团队	https://tech.meituan.com/
夜尽天明	https://github.com/biaochenxuying/blog

GitHub 统计

我的项目	地址
GitHub 全球排名：这个排名很权威	https://gitstar-ranking.com/
GitHub 中文排行榜、高分优良中文我的项目	https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts

前端大会

我的项目	地址
Vue.js 开发者大会：Vue.js 开发者大会中国	https://fequan.com/
中国 JS 开发者大会：一场专一于 JavaScript 和 Node.js 技术的国际性大会	https://jsconfchina.com/
中国 CSS 开发者大会：进步 css 开发姿态的大会	https://css.w3ctech.com/
D2 前端技术论坛：阿里巴巴举办，分享技术的乐趣，探讨行业的倒退	http://d2forum.alibaba-inc.com/

打包工具

我的项目	地址
NPM	https://www.npmjs.com/
Yarn	https://yarnpkg.com/zh-Hans/
Webpack	https://webpack.js.org/
Gulp	https://www.gulpjs.com.cn/
Babel	https://babeljs.io/
ESLint：可组装的 JavaScript 和 JSX 查看工具	https://cn.eslint.org/
PostCSS：用 JavaScript 工具和插件转换 CSS 代码的工具	https://www.postcss.com.cn/
rollup: 打包 npm 库	https://github.com/rollup/rollup
parcel: 和 webpack 相似的打包工具	https://github.com/parcel-bundler/parcel
systemjs：针对一些非凡场景会比拟有用，比方云 ide，支付宝小程序 IDE 等	https://github.com/systemjs/systemjs
microbundle：基于 rollup，简化配置	https://github.com/developit/microbundle
bili：基于 rollup，同上	https://github.com/egoist/bili
vue-cli：vue 命令行工具	https://github.com/vuejs/vue-cli
create-react-app：react 官网脚手架	https://github.com/facebook/create-react-app
prepack：通过事后执行的形式优化打包后果	https://github.com/facebook/prepack
swc：基于 rust 的语法转换器，babel 的竞争者	https://github.com/swc-project/swc
nathan/pax：基于 rust，据说是这个星球最快的 JavaScript 打包工具	https://github.com/nathan/pax
pikapkg/web：浏览器里跑 npm 依赖，面向古代浏览器	https://github.com/pikapkg/web
lebab/lebab：把 es5 代码转成 es6，反向 babel	https://github.com/lebab/lebab
snowpack：古代Web的更快打包工具零碎	https://github.com/pikapkg/snowpack

代码托管平台

我的项目	地址
coding：代码托管平台	https://coding.net/
码云：代码托管平台	https://gitee.com/
github：代码托管平台	https://github.com/
SVN：代码托管平台	https://svnbucket.com/?ADTAG=bdss#/
SVN：代码托管核心	http://www.svnchina.com/
git：官网	https://git-scm.com/
阿里云	https://www.aliyun.com
腾讯云	https://cloud.tencent.com/

调试抓包

我的项目	地址
whistle：代理抓包工具，很好很弱小	https://wproxy.org/whistle/
Easy Mock	https://www.easy-mock.com
Fiddler：代理抓包工具	https://www.telerik.com/fiddler

开发工具

举荐 12 个晋升程序员软技能与效率的必备工具，爱了爱了 👍
精彩待续。。。

我的项目	地址
VS Code	https://code.visualstudio.com/
Sublime Text	https://www.sublimetext.com/
WebStorm	https://www.jetbrains.com/webstorm/
Atom	https://atom.io/

录屏工具

举荐 GitHub 上很火的录屏工具，秒杀 33 种同行工具
精彩待续。。。

我的项目	地址
screenity	https://github.com/alyssaxuu/screenity

买房实用指南

举荐 2 个 Github 上超火的程序员买房必备实用指南！
精彩待续。。。

我的项目	地址
hangzhou_house_knowledge: 杭州	https://github.com/houshanren/hangzhou_house_knowledge
hangzhou_house_knowledge：上海	https://github.com/ayuer/shanghai_house_knowledge

优质的前端博客

公众号	作者	微信	地址	简介
全栈修炼	夜尽天明	CB834301747	https://github.com/biaochenxuying/blog	分享大前端开发相干的技术文章，热点资源，全栈程序员的成长之路
前端下午茶	SHERlocked93	qianyu443033099	https://github.com/SHERlocked93/blog	分享前端相干的技术博客、精选文章，期待在这里和大家一起提高！
前端UpUp	天天	DayDay2021	https://github.com/daydaylee1227/leetcode-Algorithms	leetcode算法相干的，从0到1刷leetcode。
前端从进阶到入院	ssh	sshsunlight	https://github.com/sl1673495/blogs	📖全网 100w+ 浏览量的进阶前端技术博客仓库，Vue 源码解析，React 深度实际，TypeScript 进阶艺术，工程化，性能优化实际……
iCSS前端趣闻	Coco	coco1s	https://github.com/chokcoco/iCSS	9300+ Stars 的 CSS 仓库，各种 CSS 奇技淫巧，在这里，都有。
若川视线	若川	ruochuan12	https://github.com/lxchuan12/blog	学习源码整体架构系列多篇，前端面试高频源码
前端布道师	苏南	su-south	https://github.com/meibin08/comics-program-life	一个用漫画演绎程序员日常轶事、分享前端前沿技术、大厂面经与干货的公众号，号主是个爱画画的前端切图崽，酷爱代码的同时，也心愿用漫画的模式让更多理解程序员。
秋风的笔记	秋风	qiufengblue	https://github.com/hua1995116/vuepress-blog	分享工程化、开源常识、乏味的前端常识。
前端食堂	童欧巴	hungryturbo	https://github.com/Geekhyt/front-end-canteen	你的前端食堂，吃好每一顿饭🍥
深圳湾码农	Rock	ruanxiongbiao	https://github.com/qappleh/Interview	分享BAT大厂面试题，每天攻破一道题，带你从0到1零碎构建web全栈残缺的常识体系！
进击的大前端	蒋鹏飞	ffx313	https://github.com/dennis-jiang/Front-End-Knowledges	成体系的前端进阶常识
小鹿动画学编程	小鹿	lxq17853556107	https://github.com/luxiangqiang/Blog	全Github惟一动画仓库，用动画的模式把前端技术讲的酣畅淋漓！也包含本人整顿的前端面试和进阶文章分享，欢送关注哦！
编程如画	大鹏	aaron875499765	https://github.com/guanpengchn/blog	全网最特地的画解算法，mdnice作者官网博客
前端思维框架	ViktorHub	viktorhub	https://github.com/ViktorWong/my-docs	建设Web全栈数字图书馆，揭秘Web全栈架构师，打造集体外围竞争力。

图标

我的项目	地址
Font Awesome：网站开发最风行的图标集	http://www.fontawesome.com.cn/
Feather：简洁好看的开源图标	https://feathericons.com/
Ionicons：精心绘制的开源图标	https://ionicons.com/
Simple Icons：常见品牌的 SVG 图标：轻快、精美的符号图标，包含常见操作和事项	https://simpleicons.org/
Material Design Icons	https://material.io/resources/icons/
Tabler Icons：681 枚可定制的开源 SVG 图标	https://tablericons.com/

色调

我的项目	地址
Material Design Colors	https://www.materialui.co/colors
Flat UI Colors：14 组配色、280 种颜色	https://flatuicolors.com/
Color Hunt：分享色调搭配的自在开放平台，包含成千上万人工选取的配色，能够从中获取配色的灵感	https://colorhunt.co/
Color Space：配色计划、CSS 色彩突变生成工具	https://mycolor.space/
uiGradients：好看的色彩突变	http://www.uigradients.com/
Colors and Fonts：色调和字体工具	https://colorsandfonts.com/
Coolors：配色计划生成工具	https://coolors.co/

插画

我的项目	地址
Undraw：继续更新的精美的 SVG 插画集	https://undraw.co/illustrations
manypixels：收费插画集	https://gallery.manypixels.co/
IRA Design：通过调配渐变色、搭配手绘组件定制插画	https://iradesign.io/gallery/illustrations
Free Illustrations by Lukasz Adam：收费 SVG 插画	https://lukaszadam.com/illustrations
Blobmaker：在线 SVG 形态生成器	https://www.blobmaker.app/
Get Waves：在线 SVG 波形生成器	https://getwaves.io/

图片

我的项目	地址
Unsplash：可供收费应用的图片	https://unsplash.com/
Pexels：精美的收费图片和视频	https://www.pexels.com/
Burst：收费高分辨率图片，可用于网站和商业用途	https://burst.shopify.com/
ISO Republic：应用 CC0 许可的收费高分辨率图片和视频	https://isorepublic.com/
Pixabay：令人惊叹的收费（公共畛域）图片和视频站点	https://pixabay.com/
StockSnap：精美的收费图片，同样应用 CC0 许可	https://stocksnap.io/
Photopea：在线图片编辑工具，反对大量高级性能	https://www.photopea.com/
Online Image Compressor：在线图片压缩工具，一次能够压缩多达 20 张图片	https://imagecompressor.com/
Bulk Resize Photos：最快的在线图片缩放工具（图片缩放和压缩在本地实现，无需上传到服务器	https://bulkresizephotos.com/en

设计工具

我的项目	地址
墨刀：原型设计工具	https://modao.cc/
蓝湖：一款产品文档和设计图的在线合作平台	https://lanhuapp.com
PxCook（像素大厨）：高效易用的主动标注工具	https://www.fancynode.com.cn/pxcook

WEB 技术清单

2020-WEB开发路线图，和行将到来的 2021-WEB技术清单
精彩待续。。。

我的项目	地址
developer-roadmap：开发人员路线图，循序渐进的指南和门路，以学习不同的工具或技术	https://github.com/kamranahmedse/developer-roadmap

前端

后端

运维

最初

好了，猫哥这大半年来举荐过的好开源我的项目就是下面那些了。

工夫会让一件件平庸的事件变得不平庸。

人不知;鬼不觉，原创文章曾经写到第 47 期了呢，简直每一篇都是猫哥精心筛选的优质开源我的项目，推送的每一篇文章外面的我的项目简直都是对前端开发很有帮忙的。

原创不易，更新并经营大半年更是不易，破费了很多工夫、精力去筛选和写举荐理由，大佬们看完文章后，棘手来个一键三连吧，就当给猫哥一点激励吧。

往期精文请看下方宝藏仓库，请慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

微信搜寻 前端GitHub，回复 电子书 就送你 1000+ 本精髓编程电子书；回复 1024 送你一套残缺的前端视频教程，相对收费，无套路获取。

更新并经营大半年不易，往后会不断更新更好优质的内容，感激各位读者那么久的陪伴，已经的点赞与分享，对猫哥的文章的必定与激励，谢谢。