前端进阶必备，github 优质资源整理分享！(欢迎关注收藏)
前言
前端技术日新月异，随着 大前端 的趋势，想要成为一名合格的前端工程师，需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中，既要不断夯实前端基础，也要快速响应技术的更新迭代。闲话少说，这次给大家整理分享一些前端进阶的优质学习资源，希望对大家有所帮助！
github 优质项目
frontend-tech-list
前端技术清单，不论你是正在自学前端，还是对前端某些技术熟练掌握但某些还未涉足，我都希望这份清单能帮助你 review 一些前端的基础能力。
CS-Notes
📚 Tech Interview Guide 技术面试必备基础知识、Leetcode 题解、Java、C++、Python、后端面试、操作系统、计算机网络、系统设计
摘要
算法 操作系统 网络 面向对象 数据库 Java 系统设计 工具 编码实践 后记
✏️ 算法
☁️ 网络
javascript-algorithms
JavaScript 算法与数据结构。本仓库包含了多种基于 JavaScript 的算法与数据结构。每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。
算法是如何解决一类问题的明确规范。算法是一组精确定义操作序列的规则。B - 初学者， A - 进阶
摘要
B Bit 操控 - set/get/update/clear 位、乘以/除以二进制位 、变负等
B 阶乘
B 斐波那契数 - 经典 和 闭式 版本
B 素数检测 (排除法)
B 欧几里得算法 - 计算最大公约数 (GCD)
B 最小公倍数 (LCM)
B 素数筛 - 查找任意给定范围内的所有素数
B 判断 2 次方数 - 检查数字是否为 2 的幂 (原生和按位算法)
B 杨辉三角形
B 复数 - 复数及其基本运算
B 弧度和角 - 弧度与角的相互转换
B 快速算次方
A 整数拆分
A 割圆术 - 基于 N-gons 的近似 π 计算
A 离散傅里叶变换 - 把时间信号解析成构成它的频率
30-seconds-of-code
精选 JavaScript 代码段集合，您可以在30秒或更短的时间内理解这些代码段
摘要
📚 Array
View contents
🌐 Browser
View contents
javascript-questions
JavaScript 进阶问题列表，从基础到进阶，测试你有多了解 JavaScript，刷新你的知识，或者帮助你的 coding 面试！ 💪 🚀 我每周都会在这个仓库下更新新的问题。
摘要
输出是什么？
functionsayHi(){console.log(name)console.log(age)varname ='Lydia'letage =21}sayHi()复制代码
A: Lydia 和 undefined
B: Lydia 和 ReferenceError
C: ReferenceError 和 21
D: undefined 和 ReferenceError
答案
输出是什么？
for(vari =0; i <3; i++) {setTimeout(()=>console.log(i),1)}for(leti =0; i <3; i++) {setTimeout(()=>console.log(i),1)}复制代码
A: 0 1 2 和 0 1 2
B: 0 1 2 和 3 3 3
C: 3 3 3 和 0 1 2
答案
Daily-Interview-Question
每天搞定一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。
摘要
2019-07-26
第 114 题：编程题，找出字符串中连续出现最多的字符和个数（蘑菇街）
'abcaakjbb'=> {'a':2,'b':2}'abbkejsbcccwqaa'=> {'c':3}复制代码
解析：第 114 题
2019-07-25
第 113 题：编程题，根据以下要求，写一个数组去重函数（蘑菇街）
如传入的数组元素为[123, "meili", "123", "mogu", 123]，则输出：[123, "meili", "123", "mogu"]
如传入的数组元素为[123, [1, 2, 3], [1, "2", 3], [1, 2, 3], "meili"]，则输出：[123, [1, 2, 3], [1, "2", 3], "meili"]
如传入的数组元素为[123, {a: 1}, {a: {b: 1}}, {a: "1"}, {a: {b: 1}}, "meili"]，则输出：[123, {a: 1}, {a: {b: 1}}, {a: "1"}, "meili"]
解析：第 113 题
learnVue
Vue.js 源码解析
>need-to-insert-img
vue-design
渲染器，仓库内还有一个针对 Vue 的逐行级别的源码分析，都是干货。
>need-to-insert-img
目录列表
组件的本质
设计 Vnode
辅助创建 VNode 的 h 函数
渲染器之挂载
渲染器之 patch
渲染器的核心 Diff 算法
自定义渲染器和异步渲染
CS-Interview-Knowledge-Map
前端面试图谱
react-interpretation
React 源码解析。通过两个部分来完成这个解析：第一是加上这份代码的中文注释，第二是配套相应的文章。
>need-to-insert-img
Front-end-Web-Development-Interview-Question
这里将收集我做过的所有的前端面试笔试题，并根据自己的理解提供解答，以及一些关于前端找工作方面的经验等。
>need-to-insert-img
摘要
试题链接原题概述标签分类更新状态
1.mdFront End Web Development QuizCSS部分CSS已完结 :v:
2.mdFront End Web Development QuizHTML部分HTML已完结 :v:
4.md前端面试常见问题General待完善 :punch:
5.md前端面试HTML 相关问题HTML已完结 :v:
高级前端进阶
每周重点攻克一个前端面试重难点
摘要
【进阶 1-1 期】理解JavaScript 中的执行上下文和执行栈
【进阶 1-2 期】JavaScript深入之执行上下文栈和变量对象
【进阶 1-3 期】JavaScript深入之内存空间详细图解
【进阶 1-4 期】JavaScript深入之带你走进内存机制
【进阶 1-5 期】JavaScript深入之4类常见内存泄漏及如何避免
前端工匠
努力打造一系列适合初中级工程师能够看得懂的优质文章
摘要 浏览器相关 1.深入浅出浏览器渲染原理 2.深入了解浏览器存储 3.深入理解浏览器的缓存机制 4.从URL输入到页面展现到底发生什么？ Javascript 1.前端模块化详解(完整版) 2.九种跨域方式实现原理（完整版） 4.JavaScript数据类型转换 5.深入理解JavaScript作用域和作用域链
libpku
github 上大学系列
摘要
weekly
前端精读周刊
摘要
精读 js 模块化发展
精读模态框的最佳实践
精读《编写有弹性的组件》
精读《React Hooks》
精读《React 代码整洁之道》
mobileHack
这里收集了许多移动端上遇到的各种坑
移动Web开发，4行代码检测浏览器是否支持position:fixed
underscore-analysis
underscore-1.8.3.js 源码解读 & 系列文章
awesome-vue
与Vue.js相关的各种文章合集
free-programming-books-zh_CN
📚 免费的计算机编程类中文书籍
airbnb/javascript
JavaScript 风格指南
其他推荐
文章
[译] JavaScript 如何工作：对引擎、运行时、调用堆栈的概述
书籍
《图解 HTTP》
《HTTP 权威指南》
《重构-改善既有代码的设计》
《Javascript 高级程序设计》
《Javascript 权威指南》
《JavaScript 函数式编程》
《JavaScript 设计模式与开发实践》
《学习 JS 数据结构与算法》
《CSS 世界》
《CSS 揭秘》
《深入浅出Node.js》
《代码整洁之道》
《忍者秘籍》
《剑指 offer
后记
如果你看到了这里，且本文对你有一点帮助的话，希望你可以动动小手支持一下作者，感谢🍻。文中如有不对之处，也欢迎大家指出，共勉。好了，又耽误大家的时间了，感谢阅读，下次再见！
