从页面仔到工程师，前端到底在发扬什么价值

玉伯在前端圈子里摸爬滚打十几年，他对前端价值的理解是什么样的？在他眼里，前端到底是一个如何的岗位？我们带着如许的问题向他发问。付出宝体验手艺部是前端同窗最期看加进的团队之一，玉伯率领那个团队做出诸多立异产物，必然水平也能代表前端团队的鸿沟拓展标的目的。因而我们期看把玉伯的理解交付给你，也许能给你纷歧样的视角。

**极客时间：颠末你那么多年在前端标的目的的理论，你觉得前端的核心价值到底是什么？**

玉伯：前端的核心价值，能够等同为一个问题：“公司为什么需要前端团队？前端团队因何而存在？” 我找到的谜底有三点。

**第一点，前端能够为公司降本增效，那是一个根本盘的价值。**一个公司要做互联网产物，能够摘用外包的体例，也能够摘用自建团队的体例。为什么阿里等互联网公司摘用了自建手艺团队，核心原因是，自建手艺团队，能够让产物研发更快，量量有包管，整体可继续开展。持久来看，互联网公司自建手艺团队，能够大幅降低产研成本并包管高效产出。

组织设想上，手艺团队经常会集中在一路，前端团队往往也会集中在一路。集中能够带来效率提拔。假设一个营业需要 30 个前端来支持，放到我那里，可能只需要 20 人就能称心营业需求。因为集中化治理，能够复用专业体味，我们晓得若何更高效更专业地支持营业。前端团队放在一路，在揣度需求的优先级时，全局取舍会更天然发作。当前端分离在各个营业时，益处是能构成自闭环，但会带来一个常见问题：零星前端往往会被迫接好多需求。一旦前端是集中的，同时前端人员整体又紧缺时，面临营业需求，前端往往就不会再无前提接需求了。在需求的取舍过程中，就砍掉了良多没需要做的需求。砍需求往往是对营业的更大提效，不做一些需求，反而能提拔需求量量，最末让营业做对需求。

但假设本身就是营业方，独立负责一块营业，良多 Leader 必定就会想本身闭环更好，否则还得等排期。还不如本身间接招几小我，如许更高效，那是人道。但现实上，需要各人更客看往看。早期自闭环，能够让营业从 0-1 更高效。开展到必然阶段后，特殊是各个营业板块需要互相联系关系时，集中化的手艺支持，往往能复用专业才能，整体营业效能会更高。

我如今更能理解一句话：分工是整个社会效能提拔的关键。工业社会的分工极大进步了社会运转效率。以前农业社会衣食住行所需要的工具都能够本身消费，那喊做自闭环，效率是极低的。恰是因为有了社会分工，整小我类社会才飞速开展。

降本是比来几年才凸显。如今很多公司起头提运营责任造，各个 Leader 会更意识到要省钱。举个例子，设想师对营业来说很重要，但营业假设本身往招一个创意设想师，往往不如用设想大团队供给的创意同窗，如许会更省钱。同一的设想或前端部分，能够整体统筹，议价才能也更强，能够十分其实地降低成本。

简言之，前端团队的存在，是因为手艺专业分工能带来整体效能的提拔。同时前端团队往往会是一个整体，集中化能够降低公司的整体成本。

**极客时间：刚刚聊到增效，那你们怎么往和营业负责人沟通，能让他们感知到，现实上你们是在帮他提效的呢？**

玉伯：需要互相成立相信。假设营业方提什么需求你都回绝，必定不可。一方面要往接需求，一方面也要有勇气跟对方说我们的设法：为什么某个需求我们觉得不靠谱，为什么当前腾挪不出来同窗来做新需求。能够主动把人员投进通明出来，让营业方晓得我们把人员都花在哪了。整个过程中，核心关键点是，若何让营业方相信前端的专业度。前端是手艺岗位里离用户比来的，很多优良的前端工程师经常具备不错的产物思维，往往能给到营业一些靠谱的定见。当那些好定见有一路两起，逐渐跟对方起头有互信，起头成立正轮回时，一切就好了。要相信，我们的专业，我们的好心，对方是可以感触感染到的。

展开全文

带的团队比力大时，与营业大 Leader 的互信十分重要。详细营业 Leader 可能会抱怨“前端团队老不接我的需求”，但是营业大 Leader 往往会更有全局思维。资本投进的素质是优先级治理，上一个台阶看问题，良多优先级就能决策出来。

**极客时间：前端团队放在一路，可以给营业更专业的批示或者专业的反应。看起来你带的团队，前端仍是有话语权的，前端的那种专业度是若何成立起来的呢？**

玉伯：那取决于前端 Leader 的设法。我不断有个看点，前端并非为后端办事的，前端跟后端是平等的，配合办事于一块营业。起首本身心态要摆平，同时跟后端也要说清晰我们的设法。有些后端老觉得那是他提的需求，前端做就好了，但是需求不该该来自后端，而应该来自营业方。很多情状下，营业没有专职 PD（产物司理），后端兼了 PD 职责，好比在很多中后台营业场景，对那种情状，也要分隔来看那两个岗位的需求。摆平位置之后，前端和后端一路以协做伙伴关系办事于某块产物或营业。

和后端的关系梳理清晰后，更难的，是若何能跟营业达成互信，那取决于你对产物域或营业域的领会水平。要能和营业对得上话，不克不及地道只是一个页面仔，要成为懂营业的工程师。鲁肃担任蚂蚁 CTO 期间，我刚过来蚂蚁不久，看到各类营业类型，琳琅满目，要学的工具良多。在领会营业之前，早期我也是个前端资本，后来跟着越来越熟悉营业，对很多产物起头有深度理解，渐渐有了本身的揣度，才觉得到能发扬的感化更大。

但我同时发现，前端再理解营业，一般来说都很难超越后端，因为后端掌握实正的营业逻辑。前端懂营业远远不如后端懂营业来得那么天然，但是前端懂体验，那是我们的长处。我们其实关于一些交互设想、体验细节、对用户利用产物的体感会更有优势。后端良多时候不太懂体验，他们以至会觉得功用堆上往就好了，但是堆功用，往往会带来蹩脚的产物体验。

权衡产物体验好欠好，有好几个目标。传统常用的是 CSAT（Customer Satisfaction，客户称心度），良多行业都能够用。在 to B 范畴往往会用 CES（客户吃力度），用那个反向目标来断定用户利用产物费不吃力。在 to C 范畴常用的是 NPS（净选举值），有太多介绍，不赘述。当我们能通过 CES 等专业目标往权衡产物体验，并能详细给出优化定见时，前端懂体验的优势就能表现出来。当我们表现出专业度时，各人就会尊重你、相信你。

**极客时间：适才聊了前端对营业的第一个价值点是降本增效，第二个价值点是什么？**

玉伯：**第二个价值就是前端有助于产物体验的提拔，因为前端是最靠近用户的工程师**，**那个实的是前端那个岗位可以给到产物和营业很大的价值点。**一个产物最末展现给用户的界面，都是前端或客户端通过代码写出来的。前端在那个过程中要调试，调试过程中对产物的觉得很重要。当觉得不合错误劲时，好的前端会往找设想或产物同窗反应，配合往根究是不是哪里没考虑周全，是不是某个细节功用点有问题。我们常说，现代码写不下往的时候，可能率是产物的设想逻辑错了，那时停下来往修改，对营业的价值是很大的。

前端的体验优势，也有一个危机。老一辈的前端，有良多像我那种从物理、化学、生物等各行各业转过来的，是对体验有深挚兴致的一波人转行学做前端。那波老前端，普及对用户体验的感知力很强。跟着前端校招生源变好，大量计算机科班身世的同窗起头做前端，比来几年有很多学算法的同窗也来做前端了。那些科班身世的同窗，整体特征更理性，更逻辑化，更像办事端开发，那些优势十分好。不敷的是，很多新同窗会对体验的感知出缺失，有像素眼、情愿写 CSS 做界面的同窗越来越少。

举个例子，之前我面试的时候，经常会出一道题，拿 CSS 实现的页面给候选人看，那个页面中间有些像素误差，可能只差一像素两像素，我想考的是他能不克不及看出像素误差，看他具不具备“像素眼”。给老前端看，一眼就看出来了，但是如今良多前端新同窗看了半天都觉得没问题，如今那道题我都不敢拿出来面了。以前前端对体验的感知仍是不错的，我们之前已经往前走了一步，使得设想者存眷核心的创意和关键元素就好了。早期设想可能不需要出完全设想稿，只需要出关键设想稿就行了，剩下的前端就实现了，效率很高。但如今不可了，如今前端和设想的协做关系又酿成了设想要挠复原度。那个现状，是当下前端天空中的一朵乌云。

体验曾经是我们的优势，但是接下来渐渐也会淡化，目前我也在想一些其他解法。当下仍然是优势，至少团队里面仍是有一半同窗有那块的感知。如今一些前端范畴的大会上，一些专家都在唤吁前端回回到存眷体验，我认为那很重要。

科班身世的同窗只是对用户人机交互层的感知变弱了，在前端工程化和专业代码逻辑层，以及往计算机底层摸索的才能，都全面变强了。整体来看，在朝着更好的标的目的开展。

**极客时间：降本增效、提拔产物体验，前端在那两方面也都碰着来自营业方或者行业趋向的挑战。前端对营业的最初一个价值是什么呢？**

玉伯：**第三个价值****点，****我比来几年有些****感悟****，****发现****前端手艺起头****实正****为营业创造一些可能性**。

我举个例子，好比数据可视化范畴，其时中国最有名的产物应该是百度的 ECharts（注：2018 年捐给 Apache），ECharts 的根本构想是一图一表，好比饼图、趋向图、气泡图等，都是先有图，再往实现那个图。2014 年，我们也想做数据可视化，但假设只是再做一个 ECharts，意义不大。其时我们就在想，可视化范畴有可能的立异点会是什么？若何才气做出差别化合作力出来？

于是我们起头研究学术界的停顿，发现其实上个世纪就有一个学术大拿，已经写了一本书喊《The Grammar of Graphics 图形语法》。很厚的英文书，我们团队几小我一路研究，看完之后觉得假设以语法的体例往做数据可视化框架，我们十分有时机超越国内包罗国外绝大部门同类产物。

当我们在 AntV 里，实的把图形语法实现出来后，发现跟 AI 范畴能够天然连系。操纵语法特征，能根据数据特征或用户指令，通过语法智能化生成一些图表，以至能够生成全新的未见过的图表类型。那是产物方都没想到的，是手艺给了营业新的可能性，并有时机成为一个产物亮点。

类似竞品在国外有，好比微软的 Power BI、IBM 的 Watson 等，也是倡导智能洞察，用户只要说一句话“想看特定人群过往一年的留存率”，它就能够把趋向图等洞察给展示出来。其时做 AntV 时，我们压根没想到智能图表场景，后来做着做着发现竟然能够让营业智能化，才起头意识到前端手艺也能成为产物的核心合作力。

再举一个例子，各人可能都用过付出宝上的蚂蚁丛林、蚂蚁庄园等产物。那些产物背后，是我们沉淀的一套图形互动手艺。付出宝上很多利用已经不是传统前端利用，而是互动利用，具备不错的互动体验。基于那套手艺，能够实现付出宝的五福、打年兽、神异海洋等营业。那些互动利用能够做到较低成本研发（和传统游戏比），为付出宝的营业形态供给了新的可能性。

总结起来，前端的价值有三点：降本增效、提拔体验、立异可能。

**极客时间：颠末那个过程，你觉得关于前端来说，各人的骄傲感会更高吗，天花板会更高吗？因为逐步有越来越多的工作能够测验考试。**

玉伯：那是必然的，我们都逐步从页面仔酿成了工程师。身份的改变花了很长时间，2014 年-2018 年对我来说，我觉得本身仍是页面仔，2018 年以后才气自称为工程师。

Ant Design、AntV、前端工程化、前后端别离等事项，在颠末 3-4 年开展后，到 2018 年才逐渐显露效果。其他团队逐渐不再把我们当成资本，会承认前端也是有手艺厚度的，同时对效能提拔和体验提拔，也是显性可见的。

2018 年起，我们也起头有一个倡导，让前端工程师往产物工程师标的目的开展，目前还在路上，只在语雀等少部门团队实现了产物工程师的倡导。语雀的很多手艺人，喜好写代码，同时也喜好语雀，在用手艺实现语雀过程中，还抱着对产物的热爱和观点。语雀的一些产物模块是前端工程师在负责，那是语雀的核心产物合作力的来源之一。

之所以语雀的前端工程师能成为产物工程师，有两个因素。第一个因素是全栈开发，语雀的主体是用 JavaScript 实现的，语雀很有可能是中国更大的 Node.js 系统，语雀 90%的代码都是 Node.js 写的。那意味着在语雀，前端不只是前端，那个产物的后端实现、算法、运维等，前端工程师都在做，再加上对语雀的热爱，对产物有感知，前端写的代码是蕴含着对产物的喜欢的，在那种情状下，前端工程师就有时机成为一个产物工程师。

前端人群里，还很随便呈现优良的产物司理。语雀的产物司理、钉钉的产物司理、微信读书的产物司理、飞书的产物司理，据我所知，都有很多产物司理之前是做前端的。

当然，前端人群里，也有呈现 CTO、CEO 等，固然还不多。但我相信，数字化的大趋向下，有工程师布景的创业者，只会越来越多。前端从业者能够做的工作，也会越来越多。

### 小结时刻

玉伯总结前端对营业的三大价值，一是降本增效，二是助力产物营业的体验提拔，三是前端手艺逐步能够成为产物的核心合作力，为营业创造可能。

内容来源：《超等访谈：对话玉伯》