猛增 110K Star，年增长数最多的 10 大顶级前端学习资源项目
今天给大家推荐 2020 年增长数最多的 10 大顶级前端学习资源项目！
看完这 10 大顶级项目，你会发现原来 GitHub 上也有这么多的 JavaScript 学习资源！
1. javascript-algorithms
- 2020 年增长 31.9K
该仓库包含了多种基于 JavaScript 的算法与数据结构。
每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。
数据结构包含了 链表、双向链表、队列、栈、哈希表(散列)、堆、优先队列、字典树、树、优先队列、二叉查找树、AVL 树、红黑树、线段树、树状数组、图、并查集、布隆过滤器
算法包含了 算法主题 和 算法范式。
其中算法主题又包含了：数学、集合、字符串、搜索、排序、链表、树、图、加密、机器学习。
算法范式：算法范式是一种通用方法，基于一类算法的设计。这是比算法更高的抽象，就像算法是比计算机程序更高的抽象。
算法范式包含了：BF 算法、贪心法、分治法、动态编程、回溯法、Branch & Bound 等等。
这项目还出了对应的教学视频，总共 81 个视频讲解，每个视频大概 5 - 10分钟左右，还能学习英语哦
2. nodebestpractices
- 2020 年增长 20.2K
Node.js 最佳实践。
这个项目是对 Node.js 最佳实践中排名最高的内容的总结和分享。
这里是最大的汇集，且每周都在增长 - 当前，超过 50 个最佳实现，样式指南，架构建议已经呈现。
3. You-Dont-Know-JS
- 2020 年增长 18K
该项目为 YDNJS(You Don’t Know JS) 图书系列，包含一系列深入探讨 JavaScript 语言核心机制的书籍。
4. clean-code-javascript
- 2020 年增长 15.1K
优秀的 JS 代码规范。
比如：对相同类型的变量使用相同的关键字
Bad：
getUserInfo();
getClientData();
getCustomerRecord();Good：
getUser();再比如：使用可搜索的命名
在开发过程中，我们阅读代码的时间会远远超过编写代码的时间，因此保证代码的可读性与可搜索会非常重要。
切记，没事不要坑自己。
Bad:
//525600到底啥意思？
for (var i = 0; i < 525600; i++) {
runCronJob();
}
Good:
// 声明为全局变量
var MINUTES_IN_A_YEAR = 525600;
for (var i = 0; i < MINUTES_IN_A_YEAR; i++) {
runCronJob();
}5. 30-seconds-of-code
- 2020 年增长 13.3K
该项目讲的是满足你所有开发需求的简短代码段，里面都是些经常会用到而且是非常经典的代码，非常值得学习！
比如 JavaScript 模块就分为了 All、Array、Browser、Date、Function、Math、Node、Object、String 方便学习的。
比如：你必须知道的 4 种 JavaScript 数组方法
Array.prototype.map()
const arr = [1, 2, 3];
const double = x => x * 2;
arr.map(double); // [2, 4, 6]Array.prototype.filter()
const arr = [1, 2, 3];
const isOdd = x => x % 2 === 1;
arr.filter(isOdd); // [1, 3]Array.prototype.reduce()
const arr = [1, 2, 3];
const sum = (x, y) => x + y;
arr.reduce(sum, 0); // 6
const increment = (x, y) => [...x, x[x.length - 1] + y];
arr.reduce(increment, [0]); // [0, 1, 3, 6]Array.prototype.find()
const arr = [1, 2, 3];
const isOdd = x => x % 2 === 1;
arr.find(isOdd); // 1又比如：如何在 JavaScript 中实现睡眠功能？
同步版本
const sleepSync = (ms) => {
const end = new Date().getTime() + ms;
while (new Date().getTime() < end) { /* do nothing */ }
}
const printNums = () => {
console.log(1);
sleepSync(500);
console.log(2);
console.log(3);
};
printNums(); // Logs: 1, 2, 3 (2 and 3 log after 500ms)异步版本
const sleep = (ms) =>
new Promise(resolve => setTimeout(resolve, ms));
const printNums = async() => {
console.log(1);
await sleep(500);
console.log(2);
console.log(3);
};
printNums(); // Logs: 1, 2, 3 (2 and 3 log after 500ms)其实上面讲到的事例里面还提供 api 和方法的讲解的，方便读者能看懂的，这里就不写出来了。
6. javascript
- 2020 年增长 11.8K
这个项目是 JavaScript 编程风格指南。
包含了：类型、对象、数组、字符串、函数、属性、变量、提升、比较运算符 & 等号、块、注释、空白、逗号、分号、类型转化、命名规则、存取器、构造函数、事件、模块、jQuery、ECMAScript 5 兼容性、测试、性能、资源、JavaScript 风格指南说明
7. tech-interview-handbook
- 2020 年增长 10.6K
技术人员求职面试，单刷leetcode上的大厂题库可能还不够。
简历怎么写才能吸引HR的眼光，可能会被技术老大问到哪些常见问题，拿到Offer之后怎样才能让自己的优势最大化然后优中选优？
面对这些赤果果的问题，目前就职于Facebook的新加坡小哥Yangshun Tay就整理了一份干货。
面试全流程需要注意的事项都在里面了，包含从简历准备、面经和谈判全过程，教你如何避雷不踩坑。
精心策划的内容可帮助您获得下一次技术面试的机会，重点是算法。
8. freeCodeCamp
- 2020 年增长 10.4K
FreeCodeCamp 是一个自由开源的学习编程的社区，致力于帮助人们利用零散时间学习编程。
它的使命是 Learn to code and help nonprofits（学习编程，去帮助那些非盈利组织）。
FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程，游戏化程度非常高，学员可以通过线上聊天室和线下社区活动（Coffee and Code）相互帮助。
目前覆盖全球 160+ 个国家、1000+ 个城市，40W+ 开发者在平台学习。
9. Front-End-Checklist
- 2020 年增长 9.2K
该项目是详尽的关于前端开发的清单，它列出了将 HTML 页面投入生产之前需要进行测试的所有元素。
它基于众多前端开发人员的多年经验，其中一部分整合自其他的开源清单。
10. vanillawebprojects
- 2020 年增长 8.2K
新手上路最开始用的就是基础的 HTML+CSS+JS 三件套，而在框架和库越来越多的现在，更多的时候使用它们来提高效率是常见的选择。
最后
原创不易，一篇优质的文章都是要肝几个晚上才能肝出来的，花费很多时间、精力去筛选和写推荐理由，大佬们看完文章后顺手点个赞或者转发吧
我还会赠送一份前端大礼包送给大家【加君羊：581286372】帮助大家更好的学习!
