首发链接：
一. 前端打怪升级指南
许多入职前端的开发者，都是从熟练使用框架进行业务逻辑开发而开始的。说到框架，Vue,React,Angular三大框架都已经圈定了自己的用户群，从粉丝的数量来说，Vue最多，接着是React，最后才是Angular，这样的局面实际上与三个框架本身的优劣并不完全相关。如果你使用过Angular.js1.X版本，就会明白上述三个框架可以统称为第二代前端SPA框架，从历史的角度来看，它们都用自己的方式解决了Angular.js1.X在SPA模型的实现中存在的一些问题；从未来的角度看，它们都是在实现尚未标准化的Web Component标准。如果只以熟练使用API进行业务逻辑开发作为衡量标准，那么了解一个框架和了解以上三个框架没有什么实质性的区别，除非面试官自己就是个水货，否则基本不可能因此就多给你一点薪水。
如果你所在的项目组已经在使用某一个框架，那么对于一个新人来说，你只需要写好分派给自己的业务逻辑任务，阅读组内老鸟的代码，学习团队的组件开发范式并做好笔记，熟悉框架的生态，熟悉各类库的API等等，积累经验提升等级，完成最初的新手->前端开发者的转职。
1.1 我应该从哪个框架开始学？
许多新手都有这样的疑问，笔者的建议是Vue->React->Angular。
Vue是最流行的，语法简洁，社区活跃度高，使用的人数也最多。而且稍复杂的问题几乎都有完整的解决方案，很快就能够上手业务逻辑，并在工作中持续进步，如果你还不是一个熟练的前端开发者，你应该优先学习它。
React是第二个你应该学习的框架，它的开发模式实际上和Vue非常类似，但在Vue中你还可以只使用ES5的语法进行开发，而没有ES6的基本知识，你可能连React项目的demo阅读起来都有困难（React 从16.0版本已经移除了创建组件的ES5方法createClass而推荐使用ES6的继承来实现），同时浏览器也无法直接运行那些奇怪的代码，你不得不去学习一整套诸如ES6,Babel,Nodejs,Webpack等等经常听到却没有去研究的东西。学习React的目的，并不是让你使用另一套API重构自己的项目，而是强迫自己将技术栈拓展到整个大前端，并开始关注页面开发以外的知识，学习的过程或许很漫长甚至痛苦，但最终你会发现自己的投入都是值得的。
![](upload/201809181537326817.gif"); background-position: left top; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; border: 2px solid rgb(239, 239, 239); padding: 6px 0px 6px 45px; margin: 0px auto; list-style-type: none; list-style-image: none; width: 630.875px; color: rgb(102, 102, 102); font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px;)
