我曾经一度很迷茫，在学了Vue、React的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，这篇文章，笔者想结合自己的一些成长经历整理出一些路线，帮助各位初中级前端工程师少走一些弯路。
笔者毕业于一个很普通的本科学校，目前开发经验一共是2年8个月，目前带一个5人的团队，前任的组长让我带领团队的主要原因是个人技术 + 沟通能力相对较好，但是在技术能力成长的背后我也走了不少弯路。
这篇文章会提到非常非常多的学习路线和链接，如果你还在初中级的阶段，不必太焦虑，可以把这篇文章作为一个进阶的路线图，在未来的时日里朝着这个方向努力就好。
我也并不是说这篇文章是进阶高级工程师的唯一一条路线，如果你在业务上做的精进，亦或是能在沟通上八面玲珑，配合各方面力量把项目做的漂漂亮亮，那你也一样可以拥有这个头衔。本文只是我自己的一个成长路线总结。本篇文章面对的人群是开发经验1到3年的初中级前端工程师。
基础能力
我整理了一篇中级前端的必备技术栈能力，写给女朋友的中级前端面试秘籍 。这篇文章里的技术栈当然都是需要扎实掌握的，（其实我自己也有一些漏缺，偷偷补一下）。
当然了，上进心十足的你不会一直满足于做中级前端，我们要继续向上，升职加薪，迎娶白富美！ JavaScript
原生js系列
冴羽大佬的这篇博客里，除了undescore的部分，你需要全部都能掌握。并且灵活的运用到开发中去。
JavaScript深入系列、JavaScript专题系列、ES6系列
完全熟练掌握eventLoop。
tasks-microtasks-queues-and-schedules
Promise 基础算法
掌握一些基础算法核心思想或简单算法问题，比如排序。
开发思想
你需要知道组合优于继承的思想，不要再满口都是oop，写什么都来个class extends了，在前端ui扁平化的前提下，真的没那么多需要继承的场景。medium.com/javascript-…
代码规范
你需要熟读clean-code-javascript，并且深入结合到日常开发中，结合你们小组的场景制定自己的规范。
clean-code-javascript
框架篇
对于高级工程师来说，你必须要有一个你趁手的框架，它就像你手中的一把利剑，能够让你披荆斩棘，斩杀各种项目于马下。
下面我会分为Vue和React两个方面深入去讲。
Vue
Vue方面的话，我主要是师从黄轶老师，跟着他认真走，基本上在Vue这方面你可以做到基本无敌。
熟练运用
对于Vue你必须非常熟练的运用，官网的api你基本上要全部过一遍。并且你要利用一些高级的api去实现巧妙的封装。举几个简单的例子。
你要知道怎么用slot-scope去做一些数据和ui分离的封装。
以vue-promised这个库为例。
Promised组件并不关注你的视图展示成什么样，它只是帮你管理异步流程，并且通过你传入的slot-scope，在合适的时机把数据回抛给你，并且帮你去展示你传入的视图。
confirm 组件你要开始使用JSX来编写你项目中的复杂组件了，比如在我的网易云音乐项目中，我遇到了一个复杂的音乐表格需求，支持搜索文字高亮、动态隐藏列等等。
当然对于现在版本的Vue，JSX还是不太好用，有很多属性需要写嵌套对象，这会造成很多不必要的麻烦，比如没办法像React一样直接把外层组件传入的props透传下去，Vue3的rfc中提到会把vnode节点的属性进一步扁平化，我们期待得到接近于React的完美JSX开发体验吧。
这篇文章是蚂蚁金服数据体验技术部的同学带来的，其实除了这里面的技术文章以外，蚂蚁金服的同学也由非常生动给我们讲解了一个高级前端同学是如何去社区寻找方案，如何思考和落地到项目中的，由衷的佩服。
React + Typescript 工程化治理实践
微软的大佬带你写一个类型安全的组件，非常深入，非常过瘾…
Writing Type-Safe Polymorphic React Components (Without Crashing TypeScript)
React + TypeScript 10个需要避免的错误模式。
10-typescript-pro-tips-patterns-with-or-without-react
React代码抽象思考 构建工具
webpack基础和优化
深入浅出webpack
滴滴前端工程师的webpack深入源码分析系列，非常的优秀。
webpack系列之一总览 目前，我也组建了一个自学裙，可以一起讨论研究前端的各个事宜，以及提高能力的方法，只要你想了解前端，精通前端，都欢迎你们加入我们的前端自学裙。在这里你可以 找到志同道合的朋友前834中708后 187。相互激励的学习伙伴，还能得到大神的经验分享，和加入项目实战的机会。
