阿里P8前端工程师：如何成为一名优秀的前端工程师！

谁借莪１个温暖的怀抱￠ 2023-02-19 11:20 8阅读 0赞

前后端分离的开发模式让前端开发者的地位日益提升，待遇水涨船高，这又吸引了一拨人慕名学习前端课程，希望能在前端领域大展宏图。

但一个残酷的现实是市场上不缺普通前端开发，缺的是掌握专业技能的优秀前端工程师。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]

优秀的前端工程师和普通前端工程师相比有哪些区别？凭什么优秀的前端工程师就比普通前端工程师多占据那么多优势？

优秀的前端工程师并不只是比着普通前端工程师多了几年的工作经验，他们掌握了很多普通前端工程师不在意或者还没学会的重要知识点。像框架实现原理，前端底层的原理，以及最新的开发方式，像ES语法，nodejs和小程序开发等等。

这些知识的熟练掌握使得优秀前端开发者对于各种需求应对起来得心应手，普通前端工程师与之比较起来一下子就矮了一大截。

听起来好像很复杂，要成为优秀前端需要掌握一大堆知识。我稍微做了一下梳理，即使前端知识体系看起来庞杂一些，但是只要用心学，都不难掌握。  
![在这里插入图片描述][20200620113605754.png]  
要成功晋级优秀前端工程师，不管是平时的积累还是面试时的表现都至关重要，总结了四个方面的要点，希望能够在工作以及面试中帮到你：

**一、技术的必须的**

作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。

以下知识点是作为一个前端工程师必须了解和熟悉的：

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。  
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。  
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。  
XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。  
严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。  
盒模型——外边距、内边距和边框之间的关系，IE < 8中的盒模型有什么不同。  
块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。  
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。  
HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。  
JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。

很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，真正优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。

真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
**二、沟通很重要**

优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。

产品经理负责策划应用程序。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。

UI设计师负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。

项目经理负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。

最终用户，当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。

不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。

那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。

专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。

**三、提升无止境**

作为一名高级前端开发，你的职责就不仅是做好业务需求的开发，还要涉及前端工程的优化。上线的前端项目如何提高web响应速度？如何加快静态资源的加载？如何提升用户的使用体验？如何更快地解析脚本，尽快处于可工作状态？这些问题的解决都落在高级前端身上。

web的优化处理原理和方法也是前端菜鸟成长为老手的必由之路。web优化处理除了熟练掌握JavaScript的方法和原理之外，还需要熟练掌握tcp，http协议和CDN知识，还需要充分了解浏览器的渲染和执行机制。只有充分掌握了各个环节的运行机理，才能最大程度地优化前端项目。

在学习过程中有什么不懂得可以加我的WEB前端学习交流扣扣qun，前面是603，中间985，后面是993。
    群里有不错的学习教程与开发工具、项目源码分享，专业的老师解答问题。
    与你分享web前端企业当下人才需求及怎么从零基础学习好web前端，和学习什么内容。

**四、框架原理**

很多小伙伴在准备面试时都会特地复习框架的知识。这没有错，在现在的前端开发中，框架的运用占有很重要的地位，也可以说现在的前端开发已经离不开框架了。

但是仅仅了解框架API就足够了吗？答案是否定的。面试官对于框架除了问及API，更关注对于框架底层原理的了解程度。知其然知其所以然才是高级前端开发应该具备的能力。

熟练掌握上面的几个点，我相信面试官一定会在心中对你赞赏有加。要想在面试时从容应对，就需要在平时的学习中着重去掌握以上几点知识，加强技术储备，日积月累。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200620113547815.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[20200620113605754.png]: https://img-blog.csdnimg.cn/20200620113605754.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200620113703346.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70