分享一些2021年个人收藏的前端学习资料

前言

不知不觉，2021结束了

这一年，有喜有悲...

打算收拾收拾心情，迎接2022年

于是整理了自己的收藏夹，也跟大家分享一些2021年个人收藏的前端学习资料，包括文章65篇、视频37个、书籍24本

备注：

• 以下排名不分先后
• 文章信息来自网上公开资料，仅供参考
• 如有侵权，烦请告知，会在第一时间下链接
• 为了方便，以后相关资料会第一时间更新在此repo：quality-front-end-resources

一、文章

JS

1. ECMAScript 6 入门
2. 最全的手写JS面试题
3. 看了就会，手写Promise原理，最通俗易懂的版本！！！
4. 这一次，彻底弄懂 JavaScript 执行机制
5. 由浅入深，66条JavaScript面试知识点
6. JavaScript深入系列15篇正式完结！
7. 「中高级前端面试」JavaScript手写代码无敌秘籍
8. 现代 JavaScript 教程

CSS

1. Rem布局的原理解析
2. 8个硬核技巧带你迅速提升CSS技术
3. 你不可能知道的骨架屏玩法

Vue

1. Vue RFCs
2. Vue3中文文档
3. 如何参加开源项目-如何给Vue3.0提PR
4. 史上最全 Vue 前端代码风格指南
5. 101张脑图，从零开始学完Vue3（包括Vue3.2最新语法）
6. 实现最简 vue3 模型
7. [Vue官方教程笔记]- 尤雨溪手写mini-vue
8. 10分钟体验Vue3全家桶(Vue3 + VueRouter4 + Vuex4)
9. 10.23尤雨溪在早早聊直播分享总结：vue3生态发展现状和展望
10. 2021必知必会的vite+vue3项目最佳实践

React

1. 这可能是最通俗的 React Fiber(时间分片) 打开方式
2. React全部api解读+基础实践大全(夯实基础2万字总结)
3. 公众号| React Concurrent Mode 初识&探秘

TS

1. TypeScript 高级用法
2. 一文读懂 TypeScript 泛型及应用
3. 一份不可多得的 TS 学习指南（1.8W字）

Node

1. http缓存机制
2. 从0到1搭建前端异常监控系统
3. 可视化Git
4. 字节跳动是如何落地微前端的
5. 迈入现代 Web 开发
6. 深入理解Node.js

Git

1. 廖雪峰的Git教程
2. 图解Git
3. 可视化Git

开发小技巧

1. 让你 vscode 写代码效率更高的技巧
2. 前端 debug 的奇淫技巧

面试

1. 一个合格(优秀)的前端都应该阅读这些文章
2. 专有钉钉前端面试指南
3. 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)
4. 面试分享：两年工作经验成功面试阿里P6总结
5. 写给女朋友的中级前端面试秘籍（含详细答案，15k级别）
6. 「中高级前端面试」JavaScript手写代码无敌秘籍
7. Github| 前端进阶之道
8. Github| 前端3+1面试题库

行业杂谈

1. 2021 年 JavaScript 大事记
2. 谈谈我这些年对前端框架的理解
3. jQuery会过时吗？

工程化

1. vite工程化实践，建议收藏
2. 迈入现代 Web 开发
3. 前端工程化实战 - 企业级 CLI 开发
4. 手把手带你入门前端工程化

性能优化

1. 浏览器的渲染写给中高级前端关于性能优化的9大策略和6大指标
2. 聊一聊前端性能优化

浏览器

1. 浏览器的渲染原理间接
2. 浏览器的工作原理
3. 现代浏览器工作原理 (part 1)
4. 现代浏览器工作原理 (part 2)
5. 现代浏览器工作原理 (part 3)
6. 现代浏览器工作原理 (part 4)
7. Life of a Pixel

小程序

1. 近两万字小程序攻略发布了

算法数据结构

1. 可视化算法
2. 语雀| 设计模式

二、视频

JS

1. Web前端开发JavaScript权威课堂
2. 2分钟了解 JavaScript Event Loop
3. ES6经典入门到进阶
4. 8分钟带你了解JS运行原理
5. 天天造轮子-防抖节流

jQuery

1. jQuery+Ajax从放弃到知根知底

Vue

1. Vue.js精讲
2. Vue3快速上手指南-CompositionAPI
3. 尤雨溪教你写vue 高级vue教程 源码分析
4. 手把手教你学Vue3
5. Composition API + 深度解读
6. React 与 Vue 框架的设计思路大 PK
7. 阮一峰推荐最佳学习 vue3 源码的利器 - mini-vue
8. 8年老前端独家分享阅读 Vue3 源码技巧
9. 【全网首发】Vue3.0光速上手「持续更新中」
10. 【备战2021】Vite2 + Vue3项目最佳实践「持续更新中」
11. Vue3+Typescript从整合到项目实战
12. Vue DevUI开源指南

React

1. React 与 Vue 框架的设计思路大 PK
2. 9分钟掌握React Hooks正确认知
3. 你必须要掌握的React知识点
4. 从0到1开发可视化拖拽H5编辑器(React)

Node

1. Web前端会客厅|个人推荐看前9个视频
2. 前端阶段进阶（已完结）
3. Node.js经典教程
4. 手写webpack
5. 然叔天天造轮子-Vite

JS引擎

1. 8分钟带你了解V8引擎是如何运行JS

学习线路

1. 前端学习路线分享

面试

1. 程序员简历点评第二期：能吃苦和能吃
2. 现场点评9个程序员简历 -- 有喷有夸
3. 想进大厂？简历要这么写

网站搭建

1. 手把手带你从0搭建个人网站，小白可懂的保姆级教程
2. 手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo

浏览器

1. 像素的一生Life of a Pixel
2. 浏览器是如何运作的？

小程序

1. uniCloud开发实战：拍照识别垃圾分类应用 跨端云开发 uniapp 

三、书籍

CSS

1. 精通 CSS
2. CSS 权威指南
3. 深入解析 CSS
4. CSS 揭秘

JS

1. Javascript编程艺术
2. JavaScript高级程序设计（第4版）
3. Javascript犀牛书第七版
4. 你不知道的javascript 上
5. 你不知道的javascript 中
6. Javasript二十年
7. JavaScript语言精髓与编程实践（第3版）
8. 前端开发核心知识进阶

Vue

1. 深入浅出Vue.js
2. Testing Vue.js Applications

TS

1. TypeScript 入门教程
2. 深入理解 TypeScript

Node

1. Node源码解析
2. 深入浅出Node.js(进阶)
3. 设计数据密集型应用

浏览器

1. WebKit 技术内幕

算法

1. 算法（第4版）
2. 算法图解
3. 啊哈!算法
4. 算法导论

最后

许愿🙏🏻🙏🏻🙏🏻