前端不容你亵渎

背景

这张图相信大部分前端并不陌生，它是多年前的一张老图，大致描述了前端工程师的知识图谱。随着时间的迁移，虽然里面一些技术点发生了改变，但它仍然具有非常不错的指导意义。

结合这个知识图谱，和我多年工作经验，我认为前端大致有以下几个发展方向：

• 复杂应用开发

大部分前端工程师做的都是业务开发工作，这是很正常的现象。对于企业而言，尤其是 C 端的业务，对前端开发的需求量是很大。

对于开发者而言，能做公司的核心业务开发是非常幸运的，因为你的工作给企业带来最直接的收益，你也能得到不错的锻炼和成长。

有些人可能会觉得做应用开发技术含量不大，那是因为接触到的业务还不够复杂。如果去开发 web im、web doc、proceeson、figma 这些重前端交互的产品，对前端的技能要求也是很高的。

因此千万不要看不起开发业务的前端，他们能给公司带来最直接的价值，甚至有些公司的业务还是前端主导的。

做复杂应用开发可能是大部分前端开发的发展方向。

• 前端框架开发

这里说的前端框架主要分为两类，一种是比较通用前端开发框架，比如 Vue、React、Angular。大部分公司会依赖这些开源框架做业务开发，也有部分公司会 fork 它们做一些符合自己公司使用场景的魔改（比如我司）。

当然，还有一部分人力充裕的大公司会自研前端 MVVM 框架，比如百度的 san。

另一种是跨端框架的开发。很多公司都有跨端需求，write once，run everywhere。早期的跨端需求是一份代码跑 iOS 和 Android 端，代表作有 React Native、Weex、Flutter。

随着小程序的兴起，一些跨小程序开发框架也随之而来，代表作有 mpvue、wepy、mpx。甚至后面还出现了跨小程序、Web 和 App 的框架，代表作有 Taro、uni-app、Chameleon。

这些框架的主要思路都是把同一份源码编译成不同平台的目标代码。虽然看上去实现了 write once，run everywhere，提升了业务的研发效率。但由于不同平台的差异，可能某些地方出错，就要 debug everywhere 了，跨端框架本身的维护成本也很高。

跨端框架目前是一个百花齐放的状态，各大公司基本都有自研的框架，它也确实是一个值得研究的方向。

• 前端工程化

前端工程化主要指的是用工程化的方式解决前端项目的初始化、开发、测试、编译构建、上线部署等一系列问题。

通常我们会借助一些工具，如 webpack 来辅助我们实现一些前端工程中比较基础的部分，比如脚手架、模块化开发、自动化测试、编译打包等。

但是前端工程是没有银弹的，没有一套前端工程化方案适应于所有的业务。我们可能需要编写一些 webpack 插件、loader 来满足于业务开发。

现在炒的比较火的微前端，也并不是万金油，大部分场景你可能都用不到。

如果是一个大型复杂的项目，我们还需要考虑到项目管理，是采用 multiple repo、还是 monorepo 的方式。

另外，前端工程化还包括性能优化，通过工程化的手段来解决前端性能优化的问题。

因此，对于做这部分工作的工程师，一定要从业务的角度来思考，来给团队搭建一套合适的工程化方案。这确实也是值得研究的方向。

• 可视化开发

可视化开发也是前端一个垂直的领域，什么是可视化，引用月影大佬的话：

可视化是将数据组织成易于为人所理解和认知的结构，然后用图形的方式形象地呈现出来的理论、方法和技术。实现可视化有两个关键要素，一个是数据，另一个是图形。如果要考虑在计算机上呈现，那还要加上交互。

可视化底层的技术主要是 SVG、Canvas2D 和 WebGL。

可视化领域的工具主要有四类；专业呈现各种类型图表的图表库；专业处理地图、地理位置的可视化地理库；专业处理视觉呈现的渲染库；以及处理数据的数据驱动框架。

可视化也是前端的一个值得发展和深耕的领域。

• 游戏

游戏开发也是前端一个垂直的领域，可以利用 DOM 或者是 Canvas2D 做一些 2d 小游戏，也可以基于 WebGL 做一些 3d 小游戏。

做游戏通常会一些基于框架比如 createJS、cocos2d，egret 等开发。而且随着一些游戏框架和浏览器渲染引擎的深度合作，性能方面也得到了相当大的优化。

如果对开发游戏感兴趣，也可以尝试往这个领域发展。

• 其它

还有一些相对冷门的方向，比如做前端相关的工具链，开发 web IDE，编译器等。如果有机会和兴趣，也都是可以发展的方向。

因此针对上述前端深入发展的方向，我的建议是选择一条深入下去，任何一个方向达到技术专家的级别，不管到哪里都有口饭吃。

全栈开发

有粉丝问我，对全栈开发怎么看/p>

诚然，这样的人才很吃香，但是在国内，拥有真正全栈开发能力的人并不多，而且大部分大公司前后端分工明确，也没有多少机会做全栈开发。

Facebook 的确实有一批顶尖的全栈工程师，但是你要想想，有多少人的能力能达到这家公司的入门门槛/p>

在我看来，想成为全栈开发人才要比成为领域的专家难的多，有些人前后端都做，最后只是成为了全干工程师。因此大部分公司还是明确了前后端开发方向，把专业的事情交给专业的人士去做。

如果你想往全栈的方向发展，我并不反对，但需要下非常大的功夫且有不错的机会在工作中锻炼。

总结

因此在我看来，前后端开发只是分工不同。虽然在大公司内部，后端的高 P 确实比前端多，但也不要忘了，后端开发的人也比前端多的多。

真正厉害的人，无论是做前端还是后端，都会对对方做的工作有足够多的敬畏和尊重。

前端人有时候会自嘲自己就是个“切图仔”，后端人有时候会调侃自己就是个 CURD 工程师。自嘲可以，嘲讽别人就不行。

如果某些别有用心的人非要挑衅，想要引战，建议在嘲讽别人前，先掂掂自己有几斤几两吧。

文章知识点与官方知识档案匹配，可进一步学习相关知识Java技能树首页概览91337 人正在系统学习中