fanqingtang / frontendgithub

[前端GitHub]：专注于挖掘优秀的前端开源项目，抹平你的前端信息不对称，涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。

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

2021 年 Web 前端最新导航: https://www.kwgg2020.com

简介

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。

久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。

初步前端与高级前端之间，最大的差距可能就是信息差造成的。

前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。

从 2018 年开始，我就养成了每天逛 GitHub 的习惯，一般在早上上班前或者中午午休的时候都会逛一下。

看看每天都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，值得我去学习的。

因此也收藏了不少好的开源项目，在此推荐给大家，每周会有一到三篇精华文章推送。

希望你在浏览、学习了前端章鱼猫推荐的这些开源项目的过程中，你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目。

文章

| 软技能

• 恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧
• 精彩待续。。。

项目	地址
GitHub 官方文档：使用、搜索、管理开源项目	https://docs.github.com/cn

---

| 面试专题

• 推荐这 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！
• 精彩待续。。。

项目	地址
Front-end-Developer-Questions	https://h5bp.org/Front-end-Developer-Interview-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
更多	https://github.com/search?o=desc&p=1&q=%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95&s=&type=Repositories

---

| WEB 技术清单

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

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

---

| 数据结构与算法

• 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

---

| 前端的代码规范

• 恕我直言，这几个大厂的前端代码规范你可能还不会 - 能精进前端的代码规范
• 精彩待续。。。

项目	地址
腾讯	http://tgideas.qq.com/doc/index.html
京东	https://guide.aotu.io/index.html
阿里巴巴	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/

---

| 开发**

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

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

---

撩我

大家可以向我推荐好的开源项目哦！

欢迎关注公众号：前端GitHub ，每周会有一到三篇的文章推送。

微信：CB834301747