关于前端:猛增-110K-Star年增长数最多的-10-大顶级前端学习资源项目

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

对于猫哥，大家能够看看我的年终总结前端工程师的 2020 年终总结 – 乾坤未定，你我皆黑马。

明天给大家举荐 2020 年增长数最多的 10 大顶级前端学习资源我的项目！

看完这 10 大顶级我的项目，你会发现原来 GitHub 上也有这么多的 JavaScript 学习资源！

2020 年增长 31.9K

该仓库蕴含了多种基于 JavaScript 的算法与数据结构。

每种算法和数据结构都有本人的 README，蕴含相干阐明和链接，以便进一步浏览 (还有 YouTube 视频)。

数据结构蕴含了链表、双向链表、队列、栈、哈希表 (散列)、堆、优先队列、字典树、树、优先队列、二叉查找树、AVL 树、红黑树、线段树、树状数组、图、并查集、布隆过滤器

算法蕴含了算法主题和算法范式。

其中算法主题又蕴含了：数学、汇合、字符串、搜寻、排序、链表、树、图、加密、机器学习。

算法范式：算法范式是一种通用办法，基于一类算法的设计。这是比算法更高的形象，就像算法是比计算机程序更高的形象。

算法范式蕴含了：BF 算法、贪婪法、分治法、动静编程、回溯法、Branch & Bound 等等。

这我的项目还出了对应的教学视频，总共 81 个视频解说，每个视频大略 5 – 10 分钟左右，还能学习英语哦 ????

youtube 的教学视频：https://www.youtube.com/playl…

猫哥之前学习算法的时候，也在这个我的项目中收益良多呢！

而且这个我的项目还始终有保护和更新内容哦！真的十分不错的一个我的项目！

https://github.com/trekhleb/j…

更多算法相干的我的项目举荐能够看看这篇文章：7 个 GitHub 上超火的前端学习的数据结构与算法我的项目

2020 年增长 20.2K

Node.js 最佳实际。

这个我的项目是对 Node.js 最佳实际中排名最高的内容的总结和分享。

这里是最大的会集，且每周都在增长 – 以后，超过 50 个最佳实现，款式指南，架构倡议曾经出现。

我的项目构造实际 (5)
异样解决实际 (11)
编码标准实际 (12)
测试和总体品质实际 (8)
进入生产实践 (16)
新: 平安实际 (23)
Performance Practices (coming soon)

比方错误处理最佳实际中应用 Async-Await 和 promises 用于异步错误处理

TL;DR: 应用回调的形式解决异步谬误可能是导致劫难的最快的形式 (a.k.a the pyramid of doom)。对您的代码来说，最好的礼物就是应用标准的 promise 库或 async-await 来代替，这会使其像 try-catch 一样更加简洁，具备相熟的代码构造。

否则: Node.js 回调个性, function(err, response), 是导致不可保护代码的一个必然的形式。究其原因，是因为混合了随便的错误处理代码，臃肿的内嵌，糟糕的代码模式。

https://github.com/goldbergyo…

2020 年增长 18K

该我的项目为 YDNJS(You Don’t Know JS) 图书系列，蕴含一系列深入探讨 JavaScript 语言外围机制的书籍。

内容纲要

入门与进阶
作用域与闭包
this 与对象原型
类型与文法
异步与性能
ES6 与将来

https://github.com/getify/You…

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();
}

https://github.com/ryanmcdermott/clean-code-javascript

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 和办法的解说的，不便读者能看懂的，这里就不写进去了。

还想学更多的经典 js 代码片段，请看上面的仓库

https://github.com/30-seconds…

2020 年增长 11.8K

这个我的项目是 JavaScript 编程格调指南。

蕴含了：类型、对象、数组、字符串、函数、属性、变量、晋升、比拟运算符 & 等号、块、正文、空白、逗号、分号、类型转化、命名规定、存取器、构造函数、事件、模块、jQuery、ECMAScript 5 兼容性、测试、性能、资源、JavaScript 格调指南阐明

https://github.com/airbnb/javascript

2020 年增长 10.6K

技术人员求职面试，单刷 leetcode 上的大厂题库可能还不够。

简历怎么写能力吸引 HR 的眼光，可能会被技术老大问到哪些常见问题，拿到 Offer 之后怎样才能让本人的劣势最大化而后优中选优？

面对这些赤果果的问题，目前就任于 Facebook 的新加坡小哥 Yangshun Tay 就整顿了一份干货。

面试全流程须要留神的事项都在外面了，蕴含从简历筹备、面经和会谈全过程，教你如何避雷不踩坑。

精心策划的内容可帮忙您取得下一次技术面试的机会，重点是算法。

除了常见的算法问题外，其余杰出的性能还包含：

如何筹备编码面试
面试备忘单 - 含糊其辞的注意事项
按主题分类的算法技巧和最佳实际问题
“前端面试问题”答案
顶尖科技公司的面试模式
顶尖科技公司提出的行为问题
在面试完结时问您的面试官的好问题
有用的简历提醒，以使您的简历受到关注以及注意事项

https://github.com/yangshun/t…

2020 年增长 10.4K

FreeCodeCamp 是一个自在开源的学习编程的社区，致力于帮忙人们利用零散工夫学习编程。

它的使命是 Learn to code and help nonprofits（学习编程，去帮忙那些非盈利组织）。

FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程，游戏化水平十分高，学员能够通过线上聊天室和线下社区活动（Coffee and Code）互相帮忙。

目前笼罩寰球 160+ 个国家、1000+ 个城市，40W+ 开发者在平台学习。

https://github.com/freeCodeCa…

2020 年增长 9.2K

该我的项目是详尽的对于前端开发的清单，它列出了将 HTML 页面投入生产之前须要进行测试的所有元素。

它基于泛滥前端开发人员的多年教训，其中一部分整合自其余的开源清单。

内容蕴含：

Head
HTML
Webfonts
CSS
Images
JavaScript
Security
Performance
Accessibility
SEO

https://github.com/thedaviddi…

2020 年增长 8.2K

新手上路最开始用的就是根底的 HTML+CSS+JS 三件套，而在框架和库越来越多的当初，更多的时候应用它们来提高效率是常见的抉择。

这个我的项目则是反过来，是应用老三件套实现的一些小我的项目合集，不论是为了更好了解框架，还是为了验证一下本人的常识程度，从新操刀老三件套都不失为一个好抉择，要晓得不论是什么框架和库，根底都是由这三板斧搭建起来的。

https://github.com/bradtraver…

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

原创不易，一篇优质的文章都是要肝几个早晨能力肝进去的，破费很多工夫、精力去筛选和写举荐理由，大佬们看完文章后棘手点个赞或者转发吧，给猫哥一点激励吧。

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

https://github.com/FrontEndGitHub/FrontEndGitHub

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

公众号： 前端 GitHub，专一于开掘优良的前端开源我的项目，抹平你的前端信息不对称，致力于打造最优质的前端开源我的项目资源库。

微信搜“ 前端 GitHub”，回复“ 电子书 ”即能够取得下面 160 本前端精髓书籍哦，猫哥 WX：CB834301747。

往期精文

举荐 7 个 Vue2、Vue3 源码解密剖析的开源我的项目
Vue3 的学习教程汇总、源码解释我的项目、反对的 UI 组件库、优质实战我的项目
GitHub 2W 星：一键生成前后端代码
程序员必备的 10 大 GitHub 仓库，前端占了 7 个！

原创不易，给点激励吧

关于前端:猛增-110K-Star年增长数最多的-10-大顶级前端学习资源项目

1. javascript-algorithms

2. nodebestpractices

3. You-Dont-Know-JS

4. clean-code-javascript

5. 30-seconds-of-code

6. javascript

7. tech-interview-handbook

8. freeCodeCamp

9. Front-End-Checklist

10. vanillawebprojects

最初

Just My Socks（注册教程内含优惠码）

关于前端:猛增-110K-Star年增长数最多的-10-大顶级前端学习资源项目

1. javascript-algorithms

2. nodebestpractices

3. You-Dont-Know-JS

4. clean-code-javascript

5. 30-seconds-of-code

6. javascript

7. tech-interview-handbook

8. freeCodeCamp

9. Front-End-Checklist

10. vanillawebprojects

最初

Just My Socks（注册教程 内含优惠码）

Just My Socks（注册教程内含优惠码）