JavaScript

《javascript高级程序设计》核心知识总结

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：建议初学者先读一两遍红宝石书（即JavaScript高级程序设计），犀牛书可以暂时不看（读起来有点累）

ES6 入门教程

必要性：⭐️⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：阮大佬的开源精品，强推！

JavaScript Event Loop 机制详解与 Vue.js 中实践应用

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️

谏言：JS事件循环机制的补充讲解

this、apply、call、bind

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：JS的易错点，易混淆点

JS正则表达式完整教程（略长）

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：这可能是我看过讲正则最全，最有深度的文章了，当然也最难，推荐作为手册查询

[译] 理解 JavaScript 中的执行上下文和执行栈

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：JS执行机制的文章，对排bug很有帮助

WebAssembly完全入门——了解wasm的前世今身

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：难在用C写，属于JS的一个补充吧，能带给Web更好的性能。用在Google Earth，Unity等方面

TypeScript

TypeScript中文官方文档

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：TS作为JS的超集，提供了类型检查等强大功能，更利于大型项目的维护。中文官网是很好的入门学习文档（系统化+示例多+持续迭代✅）

ts装饰器-元编程技巧：如何利用装饰器特性开发框架？

必要性：⭐️

难度：⭐️⭐️⭐️

谏言：个人挺喜欢装饰器的写法，这在TS中仍算是一个测试特性，感兴趣的同学可以了解下

H5

你真的了解前端路由吗？

必要性：⭐️⭐️⭐️

难度：⭐️⭐️

谏言：通俗易懂，喝口茶的功夫就学到了一个很实用的知识点

CSS

CSS知识点及技巧整理

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：很不错的CSS知识点汇总，适合复习，不适合初学者~

滚动视差？CSS 不在话下

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：很有意思的CSS优化思路，比那些奇淫怪技实用多了（非黑，我个人之前也很喜欢那些骚操作，只是针对实用性上吐槽，手动狗头保命）

仅使用CSS提高页面渲染速度

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：淘系出品的优化指南，干货满满

React

React官方中文文档

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：React带来的框架理念革新很赞，官网永远是学习的第一步~

8k字 | Redux/react-redux/redux中间件设计实现剖析

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：适合喜欢刨根问底的好奇宝宝

什么时候使用 useMemo 和 useCallback

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：这个来自code review，同事建议包一层useCallback，算是费力九牛二虎之力证明完全没必要，咱可不能做负优化~

聊一聊我对 React Context 的理解以及应用

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：虽然使用场景不是很频繁，但是很多优秀的库都有用到，了解下原理挺好的

让虚拟DOM和DOM-diff不再成为你的绊脚石

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：比较经典的概念区分（这方面文章有点多，注水的也不少，本质都在讲一个东西，选择一个自己觉得有趣的文章读下去进行）

「react进阶」年终送给react开发者的八条优化建议(篇幅较长，占用20-30分钟)

必要性：⭐️⭐️

难度：⭐️⭐️⭐️

谏言：react优化干货

网络

关于 TCP/IP，必知必会的十个问题

必要性：⭐️⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：前端必备的计网知识

把cookie聊清楚

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️

谏言：通俗易懂，查阅方便

傻傻分不清之 Cookie、Session、Token、JWT

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：一些易混淆概念的区分

SSL/TLS 握手过程详解

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：对HTTPS中TLS握手的详解

（建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：三元出品，必属精品

Git

Git 笔记 - 程序员都要掌握的 Git

必要性：⭐️⭐️⭐️⭐️

难度：⭐️

谏言：详略得到的Git工具使用指南，推荐阅读

Webpack

浅入浅出webpack

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：Webpack的小白文，作为上手教程挺不错的

Vue项目Webpack优化实践，构建效率提高50%

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：非常全面的Webpack优化文章了，就是读起来稍微有点费时，建议使用时查询

Vite

vite源码分析(4) :vite 热更新原理分析

必要性：⭐️

难度：⭐️⭐️⭐️

谏言：看源码时的辅助材料，适合想看源码的同学

Eslint

深入浅出eslint——关于我学习eslint的心得

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：Eslint的小白文

手摸手教你写个ESLint 插件以及了解ESLint的运行原理

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：适合想要搭建自己团队编程风格的同学和插件爱好者

数据结构&算法

我接触过的前端数据结构与算法

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：给自己的脑子充充电

前端算法渣的救赎之路🚀

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：刷两三道题，偶尔虐虐自己也挺好的

浏览器

(1.6w字)浏览器灵魂之问，请问你能接得住几个？

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：三元yyds

深入理解Shadow DOM v1

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：DOM划分的优雅解决方案

关于移动端适配，你必须要知道的

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：你总会遇到适配问题的，对吧？

测试

使用Jest进行React单元测试

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️

谏言：单测工具Jest小白文

开始测试React Native App（上篇）

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：系统全面的RN测试文，赞~

面试

【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：灵魂拷问比较多

那些年，自己没回答上来的react面试题

必要性：⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：主要是react方向，其他技术方向可以忽略

诚意满满的前端面试总结

必要性：⭐️⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：很全面的总结了，就是文章排版可以优化下，一眼看过去容易点赞 | 收藏 | 退出一气呵成

前端面试考点多？看这些文章就够了（2019年6月更新版）

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️⭐️

谏言：容易阅读，就是知识点有点太多太杂，部分知识有点陈旧，期待更新~

破解前端面试（80% 应聘者不及格系列）：从闭包说起

必要性：⭐️

难度：⭐️⭐️⭐️

谏言：单个知识点的深入讲解

破解前端面试（80% 应聘者不及格系列）：从 DOM 说起

必要性：⭐️

难度：⭐️⭐️⭐️

谏言：单个知识点的深入讲解

工具安装教程

VSCode 前端常用插件安装及设置详解

必要性：⭐️⭐️⭐️⭐️

难度：⭐️

谏言：Vs Code插件安装小白文

前端开发必备环境安装（Mac OS）

必要性：⭐️⭐️⭐️⭐️

难度：⭐️

谏言：Mac下开发环境构建的小白文

造轮子

前端页面可视化搭建工具业界的轮子

必要性：⭐️⭐️

难度：⭐️⭐️

谏言：可视化轮子的调研报告，至今没弄懂低代码结构和这个的区别…

项目实战

🔥基于React全家桶开发「网易云音乐PC」项目实战(一)]

必要性：⭐️⭐️

难度：⭐️⭐️⭐️

谏言：React练手项目，适合初学者

从零开始 Node实现前端自动化部署

必要性：⭐️⭐️

难度：⭐️⭐️⭐️

谏言：Node部署的小白文

开源项目学习

这些开源项目，让你轻松应对十大工作场景

必要性：⭐️

难度：⭐️⭐️⭐️

谏言：有很多好玩的前端玩具~

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

必要性：⭐️

难度：⭐️⭐️⭐️⭐️⭐️

谏言：特别烧脑的前端玩具~

设计稿（UI视图）自动生成代码方案的探索

必要性：⭐️⭐️

难度：⭐️⭐️⭐️

谏言：很有想法的项目思路，但如何保证生成代码质量是个问题

花活

如何写出一个惊艳面试官的深拷贝?

必要性：⭐️

难度：⭐️⭐️⭐️⭐️

谏言：ctrl C + ctrl V放到公共库里，封装成函数؏؏☝ᖗ乛◡乛ᖘ☝؏؏

用 css 画三角形、梯形、扇形、箭头和椭圆几种基本形状

必要性：⭐️⭐️⭐️

难度：⭐️⭐️⭐️