利用象限图安排你的前端学习计划
前言
相信大家应该都有切身的体会，近些年技术的发展越来越快，每隔一段时间都会有新的技术、框架产生。很多同学都直呼"学不动了"、"卷不动了"。
面对前端日益庞大的技术栈，很多同学不知道如何下手。笔者也增加像无头的苍蝇一样，到处乱学，投入巨大，却感觉收效甚微。前阵子在一本掘金小册中提到了利用象限图来安排学习计划的方法，感觉不错，拿来分享一下。
象限图用途很多，我们也可以把它当做是一种常见的学习规划工具，它将学习任务分成四个象限，每个象限代表一种学习类型。
第一象限：现在高价值技能
结合你自身的情况，你可以尝试将一些你所在的公司、所开发的项目当中正在使用的技能放入第一象限，例如。
-
- 技能本身有价值，且现在正在使用，是目前主流的技术。
-
- 你所在的公司接下来开发的产品、项目会用到的技能。
以笔者所在公司为例，目前公司正在研发的产品是AI智能体，因此，现在急需的技能有：以Dify为基础的AI工作流开发平台；前端以uni-app为基础的多端统一开发框架；以微信云开发为主的智能小程序开发等。因此可以列出Dify，uni-app，vue2，vue3，以node.js为主的云开发等技能，需要尽快掌握、提升。
第二象限：未来高价值技能
有一个观点，笔者是非常赞同的：知识，其实可以分为"快餐知识"和"好知识"。那么，什么是前端的"好知识呢"？
目前大部分前端程序员，都是非科班出身，直接上手vue等框架，然后开始写代码，写代码，写代码。这种学习方式，是"快餐知识"，这种学习方式，是"快"，毕竟我们找工作，赚小钱钱，无可厚非。
但是的，框架总有过时时候，总会长江后浪推前浪，但是不管后浪还是前浪，无风不起浪，有水才有浪。"好知识"，就是我们要找的水和风。水在哪？风在哪？笔者认为，可以从一下几点寻觅其踪迹：
1. 前端的基础知识，和高级知识
不要觉得能独立完成一个项目、完成狂拽炫酷吊炸天的页面就觉得掌握前端开发的精髓了，你可以做如下实验：打开MDN[1],任选其中一个栏目，比如WEB API[2]，按照字母索引浏览一遍，你要是80%以上都稍微了解，那么恭喜你，你是大神。否则，继续加油修仙。
2. 程序员通识
别拿豆包不当干粮，前端程序员也是程序员，跟程序员一样，要掌握一些程序员通用的技能，比如：算法与数据结构，计算机基础，计算机网络等。
3. 把握趋势
何谓趋势？当前AI浪潮滚滚而来，作为浪花朵朵的我们，只能随波逐流，顺势而为了。利用AI让你的工作发生变化，是应该考虑的（于公司而言是提高效率，于自己而言是轻松摸鱼）。于公于私，盘它！
好知识值得哦我们做好详细的学习计划，慢慢学习。是的，可以"慢慢地"学。因为好知识经得起时间的推敲，是精雕细琢沉淀下来的。
结合笔者自身的情况，可以列出以下好知识：算法与数据结构，AI相关的理论，软考架构和系分（对，你没看错，笔者发现，软考相关的知识体系，就是程序员应该掌握的，一是可以当通识教育提升编程素养，二是万一学好了，还能考个证书出来）。
第三象限：未来低价值技能
这里的低价值不是绝对的，是结合自身的情况，未来一段时间内对自己的需求不那么迫切的技能。比如你们公司未来的研发计划少有提及的；你的职业规划未涉及的方向等。
结合笔者自身的情况，可以列出以下技能：
- • n8n工作流
- • brain.js神经网络框架
- • neo4j图数据库
- • 3D可视化，three.js
等都是笔者感兴趣的方向，可以尝试学习，也可以用到的时候，再详细学习。
第四象限：现在低价值技能
不用多说，一些过时的东西，没啥必要详细知道，比如jQuery等。
综上所述，可以划出如下象限图。
这样一列，是不是比较清晰了。当然，规划方式多种多样，大家选择适合的就好了。
引用链接
[1] MDN: developer.mozilla.org/zh-CN/docs/...
[2] WEB API: developer.mozilla.org/zh-CN/docs/...