前言
汇总了最近一年阅读的优质文章，按照阅读必要性和阅读难度进行了打分（1-5分），每篇文章推荐下有阅读意见作为参考。希望能帮你从小白迈向工程师之路带来一点启发，如果对你有帮助的话点个👍和收藏吧❤️
JavaScript
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：建议初学者先读一两遍红宝石书（即JavaScript高级程序设计），犀牛书可以暂时不看（读起来有点累）
必要性：⭐️⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：阮大佬的开源精品，强推！
JavaScript Event Loop 机制详解与 Vue.js 中实践应用
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️
谏言：JS事件循环机制的补充讲解
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：JS的易错点，易混淆点
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：这可能是我看过讲正则最全，最有深度的文章了，当然也最难，推荐作为手册查询
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：JS执行机制的文章，对排bug很有帮助
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：难在用C写，属于JS的一个补充吧，能带给Web更好的性能。用在Google Earth，Unity等方面
TypeScript
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：TS作为JS的超集，提供了类型检查等强大功能，更利于大型项目的维护。中文官网是很好的入门学习文档（系统化+示例多+持续迭代✅）
必要性：⭐️
难度：⭐️⭐️⭐️
谏言：个人挺喜欢装饰器的写法，这在TS中仍算是一个测试特性，感兴趣的同学可以了解下
H5
必要性：⭐️⭐️⭐️
难度：⭐️⭐️
谏言：通俗易懂，喝口茶的功夫就学到了一个很实用的知识点
CSS
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：很不错的CSS知识点汇总，适合复习，不适合初学者~
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：很有意思的CSS优化思路，比那些奇淫怪技实用多了（非黑，我个人之前也很喜欢那些骚操作，只是针对实用性上吐槽，手动狗头保命）
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：淘系出品的优化指南，干货满满
React
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：React带来的框架理念革新很赞，官网永远是学习的第一步~
8k字 | Redux/react-redux/redux中间件设计实现剖析
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：适合喜欢刨根问底的好奇宝宝
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：这个来自code review，同事建议包一层useCallback，算是费力九牛二虎之力证明完全没必要，咱可不能做负优化~
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：虽然使用场景不是很频繁，但是很多优秀的库都有用到，了解下原理挺好的
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：比较经典的概念区分（这方面文章有点多，注水的也不少，本质都在讲一个东西，选择一个自己觉得有趣的文章读下去进行）
「react进阶」年终送给react开发者的八条优化建议(篇幅较长，占用20-30分钟)
必要性：⭐️⭐️
难度：⭐️⭐️⭐️
谏言：react优化干货
网络
必要性：⭐️⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：前端必备的计网知识
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️
谏言：通俗易懂，查阅方便
傻傻分不清之 Cookie、Session、Token、JWT
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：一些易混淆概念的区分
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：对HTTPS中TLS握手的详解
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：三元出品，必属精品
Git
必要性：⭐️⭐️⭐️⭐️
难度：⭐️
谏言：详略得到的Git工具使用指南，推荐阅读
Webpack
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：Webpack的小白文，作为上手教程挺不错的
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：非常全面的Webpack优化文章了，就是读起来稍微有点费时，建议使用时查询
Vite
必要性：⭐️
难度：⭐️⭐️⭐️
谏言：看源码时的辅助材料，适合想看源码的同学
Eslint
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：Eslint的小白文
手摸手教你写个ESLint 插件以及了解ESLint的运行原理
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：适合想要搭建自己团队编程风格的同学和插件爱好者
数据结构&算法
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：给自己的脑子充充电
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：刷两三道题，偶尔虐虐自己也挺好的
浏览器
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：三元yyds
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：DOM划分的优雅解决方案
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：你总会遇到适配问题的，对吧？
测试
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：单测工具Jest小白文
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：系统全面的RN测试文，赞~
面试
【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：灵魂拷问比较多
必要性：⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：主要是react方向，其他技术方向可以忽略
必要性：⭐️⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：很全面的总结了，就是文章排版可以优化下，一眼看过去容易点赞 | 收藏 | 退出一气呵成
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️⭐️
谏言：容易阅读，就是知识点有点太多太杂，部分知识有点陈旧，期待更新~
必要性：⭐️
难度：⭐️⭐️⭐️
谏言：单个知识点的深入讲解
必要性：⭐️
难度：⭐️⭐️⭐️
谏言：单个知识点的深入讲解
工具安装教程
必要性：⭐️⭐️⭐️⭐️
难度：⭐️
谏言：Vs Code插件安装小白文
必要性：⭐️⭐️⭐️⭐️
难度：⭐️
谏言：Mac下开发环境构建的小白文
造轮子
必要性：⭐️⭐️
难度：⭐️⭐️
谏言：可视化轮子的调研报告，至今没弄懂低代码结构和这个的区别...
项目实战
🔥基于React全家桶开发「网易云音乐PC」项目实战(一)]
必要性：⭐️⭐️
难度：⭐️⭐️⭐️
谏言：React练手项目，适合初学者
必要性：⭐️⭐️
难度：⭐️⭐️⭐️
谏言：Node部署的小白文
开源项目学习
必要性：⭐️
难度：⭐️⭐️⭐️
谏言：有很多好玩的前端玩具~
猛增 110K Star！年增长数最多的 10 大顶级前端学习资源项目！
必要性：⭐️
难度：⭐️⭐️⭐️⭐️⭐️
谏言：特别烧脑的前端玩具~
必要性：⭐️⭐️
难度：⭐️⭐️⭐️
谏言：很有想法的项目思路，但如何保证生成代码质量是个问题
花活
必要性：⭐️
难度：⭐️⭐️⭐️⭐️
谏言：ctrl C + ctrl V放到公共库里，封装成函数؏؏☝ᖗ乛◡乛ᖘ☝؏؏
必要性：⭐️⭐️⭐️
难度：⭐️⭐️⭐️
谏言：较为实用的花活，但有这功夫找UI要图不是更快嘛...
