前端工程师已经是软件行业中大家不再陌生的一个工种，尽管这个工种才出现几年。作为一个工作了三年的前端工程师，我尝试结合行业标准和我的理解来尽可能地解释前端工程师的职业。本文面向：非Web方向的软件开发人员、产品经理及与产品相关的人员、正在犹豫是否要招前端的老板、刚开始工作的前端新手以及所有有兴趣的人在前端。

前端工程师的英文名字是-end，简称FE，下面简称FE。就目前意义上的前端（不仅仅是网页制作）来说，国内最早大规模招聘岗位应该是在2011年左右。在此之前，FE工作基本都是由服务器端工程师来完成，或者是由设计师来完成。生成 HTML 页面。那么，是什么原因导致了FE的地位呢？本文将从FE的工作内容来谈谈这个职业，以及职业FE应具备的技能和素质。

用户体验经理

前端工程师的第一份工作是开发用户界面。在Web系统中，它指的是网页。为什么网页需要专门的FE来编写？答案是“用户体验”。随着web2.0概念的普及和web3.0的提出，用户成为互联网的主要生产者，网页承载的功能越来越多。

一方面，企业对“用户体验”有强烈需求。这很容易理解。如果你的产品看起来像钓鱼网站，而且特别难用，一些用户就会离开你。那么非互联网公司呢？你也会面临这样的情况。你花了很多精力优化数据库、优化服务器负载，但是你的客户却很难感知到你的努力。你的系统界面仍然是 20 世纪 80 年代和 90 年代的风格。客户的第一印象就是系统不好，不会买你的账号。相反，如果你花一点时间打造一个新风格的界面，客户的第一印象就是这个系统很酷，技术含量很高。不要低估这种第一感觉。对于外行来说，第一感觉往往起着决定性的作用。很多企业已经意识到这一点，因此对用户体验的要求也随之提高。

另一方面，今天的用户也非常挑剔。毕竟他们用的产品比上一个更加眼花缭乱，而且都是被宠坏了。如果你觉得你的产品有点不舒服，他们就会去微博给你宣传。

前端工程师是控制用户体验的人。当产品经理构思出交互原型、设计师设计出交互细节后，FE用手逐行敲出代码。他点击的每个按钮、每张图片都被成千上万的用户点击。可以说，FE与用户“零接触”。作为产品交互的实现者，除了精通HTML和CSS之外，前端的需求其实是非技术因素。

FE需要对用户体验有深入的了解。例如，如果页面上有一个超链接，并且字体比较小，用户可能不会点击它，因为链接的可点击区域靠近文字边缘。前端可以用很简单的方法来扩大这个链接的可点击区域，让用户更容易点击。这就是用户体验。正如《瞬间之美》中提到的，只需要一瞬间就能到达用户的内心。对用户体验的理解还体现在对一些交互常识的掌握上。比如，当用户操作某个软件的界面时，会感觉它很智能，但又无法具体说出它在哪里。那么很有可能这个界面上的按钮都设计好了四种状态（正常、鼠标按下、鼠标按下、不可用），并且它会随时反馈你的操作。

一个懂用户体验的前端工程师，会让他的工作与用户沟通，到达用户内心的柔软区域。

FE需要一点强迫症。这反映在对任何缺陷的不容忍上。比如通过技术手段让页面的滚动更加流畅、减少页面的视觉抖动、进行像素级的定位校准等。当用户接触到的内容是电话号码以外的一串数字时，不要让手机自动调出拨号功能等，有很多细节是产品经理无法感知的，因为这些都是非常分散的技术手段，只能通过FE一点点积累。也有极端的追求把页面的响应时间减少几毫秒，让你的手机少消耗几KB的流量，少耗电。这些甚至是用户察觉不到的，但是当你拥有数百万、数千万的用户时，这样做的价值就变得显而易见了。

前端工程师需要是一个心思细腻、对美有悟性、执着追求完美、有品味、有思想、有大局观的人，最好对心理学有所了解。

客户端业务逻辑

制作一个优雅的界面只是前端工程师的第一步。编程也是一项必备技能。 FE负责处理用户侧业务逻辑。以前客户端只是一个IE浏览器，根本没有业务逻辑。但现在情况不同了。用户使用浏览器发布文章、进行社交活动以及更复杂的在线工具来完成工作。

它是FE需要掌握的编程语言。他应该熟悉这种语言的优缺点，掌握各种编程思想和开发模型。利用各种技术实现日益交互的界面，同时与服务器端工程师沟通调试界面，完成一系列流程：页面显示-响应用户操作-提交用户数据-反馈操作结果。

由此看来，要求前端工程师有软件开发的基础，了解计算机的基本原理，网络通信的基本原理。因此，计算机相关专业的前端工程师会更有优势。

前端也需要架构

写网页也需要架构吗？有什么可争论的呢？要回答这个问题，首先要明确FE的工作内容不再是“写页面”那么简单。随着前端代码规模越来越大，模块化开发、MVC、MVVM等开发模式逐渐出现。团队规模也从最初的单兵作战，演变为团队发展。

因此，一名高级前端工程师必须具备架构能力。该架构能力包括但不限于：

向前延伸、向后延伸

物联网市场越来越热，而手机是物联网系统中的关键节点。前端工程师的战场不再是简单的浏览器，未来将覆盖各种“终端设备”。由于语言的灵活性，现在可以开发应用程序、ios应用程序、应用程序以及为智能电视编写应用程序。未来可能是VR、可穿戴设备、智能家电。这是前端可以向前延伸的方向。

另一方面，由于 的出现，这种语言神奇地获得了服务器端的能力。以前用Java、PHP做的事情用JS也能实现。本来前端阵营有一批人是从后端转来的，有服务器端开发的基础。有了这个工具，再加上当前的市场需求，快速的产品发布，敏捷的开发，前端工程师向后延伸了自己的路线。宽广明亮。事实上，全栈工程师的概念在前年就被提出了。像BAT这样的行业龙头已经用它搭建了一些基础设施，很多小而快的初创公司也在用它进行快速迭代开发。

持续学习

前端领域的技术更新比其他领域快很多，可能是因为这个领域最贴近用户。有些新技术甚至是颠覆性的，前端工程师必须与时俱进，否则你开发的产品在体验上会落后于别人。

营销人员提出的一些需求，被产品经理根据多年的经验评估后，认为无法实现而拒绝了。事实上，随着新技术的出现，一些你认为不可能的功能已经可以在前端实现了。随着支持越来越高，前端的能力也会越来越强。比如可以获取图像上的每一个像素，从而使前端具备图像处理能力。通过API，前端具备读取本地文件、获取地理位置等能力。

这些新事物需要前端工程师不断学习。因此，一个称职的前端必须能够保持持续的学习能力，对新技术有敏锐的感知。活到老，学到老，就是前端工程师。

高情商程序员

大多数人对程序员的印象是情商低、不善言谈。但前端工程师应该是个例外。这是由工作性质决定的。

从工作流程的角度来看，FE位于设计者的下游。他必须收到设计稿并将其转换为网页。同时，它是后端工程师的上游，需要将用户产生的数据提交到服务器。横向上，他与产品经理的联系密切，因为他可能随时与产品经理讨论交互的细节。这样一个连接团队其他成员的角色，要求他既是粘合剂，又是润滑剂。

前端工程师需要具有较高的沟通和理解能力。我们经常开玩笑说“设计师生活在童话里”，因为有时他们设计的页面根本不符合惯例，而且无法实现。这时候你需要耐心地给设计MM解释原理和理由，告诉她设计需要遵循的基本规范。你要很好地掌握产品经理的想法，在他指手画脚半天之后你要明白他想做什么。与后端工程师打交道时，你必须立即成为编程专家，并与他们谈论数据类型、面向对象和设计模式。

你需要能够随时转换角色，转换表达自己的方式和谈论的内容。因此，你一定是一个情商高的程序员。

以上是我对前端工程师的理解。前端的门槛虽低，但要成为一名专业的前端工程师，需要掌握的东西太多了。除了前端技术之外，我觉得前端更重要的是综合能力，包括我上面提到的细腻的思维、品味、体贴、高情商等等。毕竟，你必须通过代码与用户交互并给他们带来欢乐。在某种程度上，你必须是一个好情人。

通过：