一个前台工程师究竟需要掌握哪些技能？有何晋升？

对于前台基础需要学习哪些内容，之前文章已经有写过不少了，本篇重在谈论：

• 作为一名前台想要晋升，需要什么条件？

• 现在在用 React，要不要也学学 Vue？

• 有必要学习 Node.js/Flutter/ 函数式吗？

这几个问题看似毫无关联，但是其实它们本质上都是同一个问题，这个问题就是“一个前台工程师究竟需要掌握哪些技能？”

其实在行业里面，对前台工程师的能力模型有一个基本的认知，不同公司的定义可能有细微差别，但是它的内核是一致的。

这里我给出一张图，是我自己了解的前台工程师的技能模型。

为了方便你了解，我把这些技能具体放进前台工程师的不同级别里，你可以对照着找到一条符合自己实际情况的前台进阶之路。下面我就一部分一部分地详细讲讲前台技能树是如何发展的。

假如有想一起学习web前台，想制作酷炫的网页，可以来一下我的前台群：731771211，从最基础的HTML+CSS+JavaScript【炫酷特效，游戏，插件封装，设计模式】到手机端HTML5的项目实战的学习资料都有整理好友都会在里面交流，分享少量学习的方法和需要注意的小细节，每天也会准时的讲少量前台的项目实战，及免费前台直播课程学习

助理工程师

首先来说说 助理前台工程师，对标的是阿里的 P4 级别。它的要求是基本的编程能力。什么叫基本的编程能力呢？我认为就是熟练地用计算机编程语言表达任何逻辑的能力。一般来说，在大学学习过计算机专业的学生应该具有编程能力。

助理工程师的定义是“能够在辅助下完成工作”，因而不是所有公司都会招聘助理工程师的，由于严格来说，助理工程师不具有独立工作的能力，他的工作产出可能是负数。但是招聘助理工程师的公司，一般都是看重应聘人的潜力，期望能快速成长。

工程师

接下来我们说说 前台工程师，对标阿里 P5 级别。它的要求是掌握基本的前台技能，这样说也许有点模糊，但是换个说法就很明白了，基本前台技能就是“综合运用 HTML、JavaScript、CSS 完成任何界面和交互需求”。这个“任何界面和交互需求”，看似要求很高，但是假如你写过前台就知道，这是任何前台的基本技能——大不了用图片呗。

其实这个级别的工程师，水平跨度非常大，界面写出来了，但是兼容性如何、代码可维护性如何、离了框架能不能写出来、语义体现分离能做到吗、开发过程中能不能做到有效沟通…… 还会有很多问题。而这些问题，决定了一个前台工程师的潜力，少量好一点的公司招聘这个级别的工程师，除了“基本的前台技能”之外，还会对我上面提到的这些问题有所要求。

关于助理前台工程师和前台工程师，能力方面主要的要求是 编程能力，知识方面的要求是一个“可用”的最小集合。

资深工程师

我们接着往下讲，资深前台工程师，对标阿里 P6 级别。到了这个阶段，我们可以看到图上开始出现不同的区块了，这意味着，对资深前台工程师的要求，也是多元化的。

我们用一句话来概括，资深前台工程师，要求开始关注并且处理项目中的问题。什么样的问题呢？可能是别人做不出来的技术难题，也可能是容易出错的代码，或者者说无意义的重复劳动，或者者是业务上想不出来合适的交互…… 等等。

其实对资深前台工程师的要求是很自由的，我上面的图中给出的仅仅是几个例子，比方组件化可以处理重复劳动问题和开发耦合问题；工具可以处理的问题有很多，生成代码的工具提高效率，代码检查工具提高质量；性能优化则会带来业务价值，这些都是资深前台工程师可以做的事情，并且只需把其中一两项做好，即可以达到资深前台工程师的水平。

再有就是 这个级别开始对架构能力和工程能力有所要求了，但还处于萌芽阶段，少量天赋好的同学可以凭感觉达到这个水平。

技术专家

下面说说 前台专家，对标阿里 P7 级别。到了这个级别，我们从图上可以看到，要求又不一样了，比方组件变成了组件体系，工具变成了工具链和持续集成体系，性能优化变成了性能体系。这些东西变得不仅仅是称呼，还有工作的内容，这个级别跟资深工程师的主要区别是，从处理单点问题变成系统性方法，从服务自己变成服务团队，从一次性发挥变成持续性输出。

比方，资深工程师可能做少量组件，而后在项目里面用，自己的代码可维护性提升了，复用也做得更好了。但是前台专家要考虑制定组件规范推广到团队，还要做培训，考虑组件如何开发、管理和下线。资深工程师做性能，把自己的页面优化好了即可以了，但是前台专家就需要考虑采集数据、做报表和监控、总结 checklist、跟工具结合、定性能指标等等。

因为这个级别对架构能力、工程和软技能要求很高，所以算是比较难以跨越的。

高级技术专家

最后来说 高级前台专家，对标阿里的 P8 级别。我们从图上看，这个级别分开的发展方向又聚合到了一起。高级前台专家做事的关键是审时度势，需要在前面讲的前台专家所掌握的各个领域里，组合出一套适合自己所在团队的方案。比方做企业内部系统的前台团队，可能对性能要求就没那么高，但电商前台团队由于经营活动频繁，就需要很好的组件体系，这里很难有肯定的规则，全靠人来把握。

到这个级别，对工程能力的要求就很高了，而且即便不带人的高级前台专家，也必定涉及少量管理能力。

高级技术专家

讲完了各个级别的前台技能模型，我们回到最开始的问题“一个前台工程师究竟需要掌握哪些技能”。

要答复这个问题，你要先根据自己的情况对号入座。你可以看到，在前台的技能模型里，对“知识”是没有任何硬性要求的，具体到各个公司的不同岗位，可能会有少量特殊要求，但市场是巨大的，所以大家可以不必对学什么知识不学什么知识感到那么焦虑。而且“前台知识”应该是一个垂直的板块，它不能直接帮助你进阶下一个更高的级别，但是它能提升你的潜力，使你未来能走得更远。

现在大部分同学会更为注重前台岗位的晋升，我认为前台进阶的核心要素，更多还是要看你的能力，尤其是在进阶前台高级工程师之路上，非常看中你的编程能力、架构能力和工程能力。