面对众多的前端框架，该如何学习

Posted 2021-04-05 三更灯火五更鸣

记得就在刚接触 React的时候，那时市场上正值 React、Vue、AngularJS 三足鼎立，大量的前端新人可能都会有这样的困惑：这三个框架到底该学哪个好呢？我自己当时也是非常的迷惑，找不到一个合适的答案。
作为一个 React、Vue都写过的人，先说结论：
公司用哪个框架就先学框架；其次自己喜欢哪个框架就学哪个框架
我的经历是因公司业务而以 React起步，再因个人兴趣学习 Vue，最后再因为新公司以 React 技术栈为主，从而拥抱 React。
知识和学习能力是可以迁移的，掌握了 Vue 技术栈，再去学习 React，其迁移成本非常的小，你所需要做的是看文档，比较二者的异同，然后就可以直接上手了，反之也成立。因为 Vue 和 React 的相似度确实蛮高的。
经过了这两个框架的学习，发现学习可以总结成3个步骤：

• 第一步：基础学习。撸一遍官方的文档及教程（如果有的话），这时候不推荐其他二手教程，因为以正确的姿势学会走路才能让你后面跑得更快。别在一开始的时候学错了姿势；

• 第二步：项目驱动学习。要想快速熟练掌握一门框架，少不了大量的写代码。通过项目的方式来写编写大量的代码，可以帮助你快速掌握该框架的用法及踩坑，快速积累经验；

• 第三步：求知驱动学习。在求知驱动学习过程中，遇到任何产生困惑或者感兴趣的点，都要去深入学习。这样的学习过程虽然比较慢，但是足够的系统，持续学习下去，能让我们对于这个领域保持足够的专业。

第一步：基础学习
基础的重要性已经无需强调了。打好基础才能走得更远。所以在一开始的时候，尽量选择官方文档及教程。优先选择英文原版，如果阅读有困难，退而求其次，选择中文翻译版。撸一遍文档能帮你快速建立对于框架的认识。

第二步：项目驱动学习
技术学习中最推崇的可能就是Learning by doing，做中学。光看文档的学习是不完整的。真正快速有效的学习是通过项目驱动学习。因为通过项目，你能将你学到的知识用于解决实际的问题。在解决问题的过程中，又发现了知识的不足，再反过去查阅文档，学习。一方面，因为正反馈非常及时，会让自己更有成就感；另一方面，也能快速得吸取知识。
这种方式吸取新知识的效率非常高，能够对新技术进行快速的学习和应用。但是它的缺点便是：不够系统。因此你还需要求知驱动。

第三步：求知驱动学习
在项目驱动学习中，讲究的是效率。但是对于整个框架，你掌握得并不全面、系统。这三个步骤的关系就好比建造一座大厦的过程，先是打地基（基础学习，撸文档），再是搭建建筑的水泥主体框架（项目驱动学习，帮助建立对于框架的整体架构），最后才是上砖，装修（兴趣驱动学习，深入学习，不断补全之前遗漏的知识，完善整体架构）。求知驱动的意义在于通过对于该框架的深入研究，不断完善你的系统知识，最终建立一个完整的系统。所以在项目驱动学习过程之后，你应该花更多的精力这一阶段。通过深入学习来不断构建你的对于这个框架的系统体系。

这三个过程并不是独立隔断的，而是一个不断循环、交替的过程。只有通过这样的交替、循环，才能构建最终的知识体系。

但是很多人会只停留在第二步项目驱动学习就止步不前了。一旦觉得自己能hold住项目开发后，就不再去深入学习了。不会再花时间去补上之前的不足，不再花时间去了解框架或者语言背后的优秀思想及实现。缺少求知驱动学习这一阶段，虽然并不妨碍你成为一个合格、高效的开发者，但是绝对无法让你成为一个优秀的开发者。
一个优秀的开发者或者说学习者，一定是保持着好奇心和钻研的动力。