2022年轩灵大前端知识体系王牌打造计划

一个完善的知识体系应该由什么构成？又如何实际搭建起来，内化为个人知识体系的一部分。我想给出我的答案，并在2022一整年进行实践，也希望能带给你启发与帮助。

知识体系打造计划介绍

我将知识体系划分为12个专题，对应1年的12个月，1个月完成一个专题，每个专题我都列出了参考资料，主要包含技术书籍、极客时间的专栏及视频课程。注明为专栏的表明资料来源是极客时间，充分尊重知识产权，我会将其与专业领域的技术书籍、最佳实践融合在一起，以我认为最好的方式产出（文章 + 思维导图 + 视频 + 示例 + 代码），而非照搬照抄，更不会盗版。

主题选择

在主题的选择上，我认为需要考量两个方面：一是与前端职业技能直接相关的，因为这是对每个前端都最直接和迫切的需要，是前端职业的地基了；二是计算机学科的基础知识，这一部分对于所有开发者都是必须的，先立足于你是一名开发者，再细分岗位是前端开发工程师。对于第一部分我认为 javascript，typescript, css, react, node.js, 浏览器原理 是与前端工程师的职业最为相关的，第二部分我认为算法、网络协议、操作系统、设计模式、架构设计与性能优化是作为一名开发者所需要深入的，也是前端进阶所必需的。另外代码的设计、技术管理、敏捷流程、面试技巧等软技能也是不可或缺的，这一部分的知识是你随时都可以拿起来看的，也是需要长期培养的，因此我将它作为一整年的阅读资料写进去了知识体系中。

知识边界

也许你会说知识体系的边界也是随着技术的发展会不断拓宽的，比如webassembly 和 rust，没错，我将其作为边界扩展，每个月都有一个主题，其中即包括刚才提到的webassembly 、 rust，也包括flutter、electron、音视频开发这样的泛前端领域，当然作为开发者，岗位可以是前端工程师，但技能上不能局限自己，我们应该知道整个软件开发的技术，知道我们岗位上所不接触的那部分是什么，因为所谓前后端的边界也在逐渐模糊，因此我讲redis、Django、nginx作为主题加入了计划表中，你或许会问为什么不是java的spring体系呢？这是因为我觉得相比于spring，Django更容易理解和上手，并且python相对于java是更如何前端开发者的习惯的。

时间安排

或许你看到了我讲python神经网络编程放在了最前面的位置，为什么呢？首先神经网络现在这么的成熟和应用广泛，我们难道不应该了解一下吗？我们自己做技术怎么能自我封闭给自己划定边界呢？一方面我们不希望别人以为前端就只是写页面的，可是另一方面却又封闭自身的界限。而且这本书真的很浅显易懂，本身也只有100多页，专门讲清楚神经网络原理这一个主题。不得不说我挺喜欢这类书的，专注于一个非常聚焦的主题，篇幅简短，却能将问题阐述清楚。

我希望你能看出我在时间安排上的良苦用心。2月份是我们中国的传统农历新年了，我相信七天的假期是不够用的，就算复工后假期的感觉也没有那么快消退，因此在2月份我安排的是javascript的主题，可以说是最熟悉的主题了，《python神经网络编程》也是你喝着下午茶翻翻就能轻松掌握和理解的。另外基本是两个月一次开发实战的安排，切合当时的主题，不松不紧，着重实战。

专题介绍

这一部分主要介绍每个主题我的参考资料，没有大而全的涵盖很多大部头的经典书籍，而是贴近前端开发者的视角进行了取舍，当然也很欢迎你的补充。

算法

《javascript数据结构与算法》

《数据结构与算法之美》专栏

《算法面试通关40讲》

《动态规划面试宝典》专栏

javascript

《ES6 入门教程》

《深入理解ES6》

《javascript权威指南第七版》

《重学前端》专栏

typescript

《Typescript编程》

《Typescript开发实战》专栏

网络协议

《图解HTTP》

《图解TCP/IP》

《网络是怎样连接起来的》

《趣谈网络协议》专栏

设计模式

《javascript设计模式与开发实践》

《设计模式之美》专栏

css

《css世界》

《css新世界》

《深入解析css》

操作系统

《操作系统导论》

《趣谈Linux操作系统》专栏

react

《React全家桶前端开发与实例详解》

《React学习手册》

《深入React技术栈》

《React实战进阶45讲》专栏

node.js

《node.js狼书》

《node.js实战》

《node.js与Express开发》

《node.js 来一打C++扩展》

《Node.js开发实战》专栏

架构设计

《前端架构从入门到微前端》

《前端技术架构与工程》

《许式伟的架构课》专栏

《从0开始学架构》专栏

浏览器原理

《图解 Google V8》专栏

《浏览器工作原理与实践》专栏

性能优化

《web前端性能优化》

《图解性能优化》

《前端全链路性能优化实战》专栏

代码精进与软技能

这个专题会持续更新，内容会持续增加

《软技能代码之外的生存指南》

《软技能2 软件开发者职业生涯指南》

《程序员进阶攻略》专栏

《左耳听风》专栏

《技术管理实战36讲》专栏

《大厂晋升指南》专栏

《职场求生攻略》专栏

…

2022轩灵大前端知识体系打造计划表

复习与温习

计划表的设计符合艾宾浩斯遗忘曲线，对一段时间学习的内容会在不同的时间段进行复习。我将复习又细分为复习和温习两个阶段，复习阶段即是学习完某一专题之后，学习下一阶段的同时每天抽出一定时间对上一次专题学习的内容进行回顾，而温习是在更长一段时间之后，每周抽出一定时间对专题学习的笔记、代码、项目进行回忆，巩固知识体系。

在专题的时间安排上，采用的是抽象和具象知识间隔的方式，比如3月份安排的是具体的typescript语言学习，4月份则是较为抽象的网络协议；5月份是具体的css知识学习，而6月份是抽象的操作系统。

大前端知识体系打造计划表

结语

最后欢迎你加我的个人微信与我进行交流，在新的一年共勉。也欢迎你加入轩灵大前端知识体系打造计划的微信群，在这里你可以与我同有志向在2022有一番技术成就的人共同交流和成长，在这里推荐一个我自己的github仓库GeekTime，我的目标是将极客时间上的200多个专栏/视频课程全部在我梳理之后以学习笔记的形式奉送给你，包括前端/移动，计算机基础，后端/架构，AI/大数据，运维/测试，产品/运营，管理/成长，人文/兴趣，面试，个人成长等几乎所有你需要的主题内容。每个月的专题我都会提前输出技术文章以及视频，精心录制的视频会放在我的b站上，期望能带给你丝滑的技术学习体验。

2022，期待与你的进步与成长。