xiaoye1988 / quality-front-end-resources

📚优质的前端资源，目前以整理文章67篇、视频40个以及书籍25本，持续更新中，欢迎PR推荐~

前言

文章信息来自网上公开资料，排名不分先后

前端学习线路：https://roadmap.sh/frontend

一、文章

JS

1. ECMAScript 6 入门 阮一峰 推荐指数★★★★★
2. 最全的手写JS面试题 Big shark@LX 推荐指数★★★★★
3. 看了就会，手写Promise原理，最通俗易懂的版本！！！ Sunshine_Lin 推荐指数★★★★
4. 这一次，彻底弄懂 JavaScript 执行机制
5. 由浅入深，66条JavaScript面试知识点
6. JavaScript深入系列15篇正式完结！
7. JavaScript手写代码无敌秘籍
8. 现代 JavaScript 教程

CSS

1. Rem布局的原理解析 颜海镜 推荐指数★★★★
2. 8个硬核技巧带你迅速提升CSS技术 JowayYoung 推荐指数★★★★
3. 你不可能知道的骨架屏玩法 羽飞 推荐指数★★★★

Vue

1. Vue RFCs 尤雨溪 推荐指数★★★★★
2. Vue3中文文档 veaba Jinjiang 推荐指数★★★★★
3. 如何参加开源项目-如何给Vue3.0提PR 然叔 推荐指数★★★★
4. 史上最全 Vue 前端代码风格指南 卡喵妹 推荐指数★★★
5. 101张脑图，从零开始学完Vue3（包括Vue3.2最新语法） LBJ 推荐指数★★★★
6. 实现最简 vue3 模型
7. [Vue官方教程笔记]- 尤雨溪手写mini-vue
8. 10分钟体验Vue3全家桶(Vue3 + VueRouter4 + Vuex4)
9. 10.23尤雨溪在早早聊直播分享总结：vue3生态发展现状和展望
10. 2021必知必会的vite+vue3项目最佳实践
11. 分享8个非常实用的Vue自定义指令 lzg9527 推荐指数★★★★
12. 服务端渲染SSR及实现原理 政采云前端团队可橙 推荐指数★★★★
13. 组件库从0到1 DevUI团队 推荐指数★★★★★
14. Vue3.0 新特性以及使用经验总结
15. 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
16. Vue3 究竟好在哪里？（和 React Hook 的详细对比）
17. 学习 vue3 源码的利器 花果山技术团队
18. Vue3 的响应式和以前有什么区别，Proxy 无敌？ ssh_晨曦时梦见兮
19. Vue3 中的数据侦测 ncheng
20. 聊一聊 Vue3 的 9 个知识点 沐华
21. Vue3的8种和Vue2的12种组件通信 沐华
22. 推荐 7 个 Vue2、Vue3 源码解密分析的重磅开源项目 天明夜尽
23. 阿里妈妈又做了新工具，帮你把 Vue2 代码改成 Vue3 的 阿里妈妈前端快爆
24. Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架 前端小菜鸡之菜鸡互啄
25. 30 道 Vue 面试题，内含详细讲解 我是你的超级英雄
26. 还在迟疑是否上ts？先上车再说！vue3+ts开发初体验 杨村长
27. Vue3.2 setup语法糖、Composition API归纳总结 Jerry丶Hu
28. 最全的 Vue 面试题+详解答案 Big shark@LX
29. Vue3.0 前的 TypeScript 最佳入门实践 前端劝退师
30. 实战技巧，Vue原来还可以这样写前端进击者
31. 尤雨溪手写mini-vue 全栈然叔
32. 为什么 vue 源码以及生态仓库要迁移 pnpm? 推荐指数★★★★

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 写代码效率更高的技巧 zxg_神说要有光 推荐指数★★★★
2. 前端 debug 的奇淫技巧 字节前端 推荐指数★★★★★

面试

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

行业杂谈

0. 2021 年 JavaScript 大事记 桃翁 推荐指数★★★★★
1. 谈谈我这些年对前端框架的理解 zxg_神说要有光 推荐指数★★★★
2. jQuery会过时吗？ 贺师俊 推荐指数★★★★
3. 2021 JavaScript Rising Stars 推荐指数★★★★★

工程化

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运行原理 objtube的卢克儿 推荐指数：★★★★★
5. 天天造轮子-防抖节流

jQuery

1. jQuery+Ajax从放弃到知根知底 李南江 推荐指数：★★★★★

Vue

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

Vue周边

1. 半小时学会 Vuex 数据共享 李江南 推荐指数：★★★★★
2. 下一代Vue状态管理工具—Pinia YeungWanLum 推荐指数：★★★★
3. 面向未来的 Vuex -- pinia 阿崔cxr 推荐指数：★★★★

React

0. React技术全家桶全套完整版 推荐指数：★★★★★
1. React 与 Vue 框架的设计思路大 PK
2. 9分钟掌握React Hooks正确认知
3. 你必须要掌握的React知识点
4. 从0到1开发可视化拖拽H5编辑器(React)

Node

1. Web前端会客厅|个人推荐看前9个视频 开课吧 推荐指数：★★★★★
   
2. 前端阶段进阶（已完结） 推荐指数：★★★★★
3. Node.js经典教程 blue 推荐指数：★★★
4. 手写webpack 全栈然叔 推荐指数：★★★★
5. B站: 然叔天天造轮子-Vite

JS引擎

1. 8分钟带你了解V8引擎是如何运行JS objtube的卢克儿 推荐指数：★★★★★

学习线路

1. 前端学习路线分享 objtube的卢克儿 推荐指数：★★★★★

面试

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. 深入浅出Vue.js
3. Testing Vue.js Applications

TS

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

Node

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

浏览器

1. WebKit 技术内幕

算法

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