前端工程师面试多长时间

本科毕业，学校既不是211也不是985，我也没有一毕业就进入大厂工作的经历。我的职业生涯里一共有10多次面试经历，阿里我面试了5次，失败了4次，屡战屡败，屡败屡战。每当我听到别人传奇的经历，会羡慕别人开挂的人生，也会有小失落，感叹自己当初没有做太多的努力，甚至自我怀疑和自我否定。人生中主动裸辞，被动裁员的经历，曾经让我在无数的黑夜里，真的以为人生就这样了。

在第四次面试阿里失败后，我开启了为期2年的自我重塑计划，梳理 体系化的知识结构 、刻意练习 知识结构化表达 ，学习参考了吸引力法则完善自己的 简历人设 。最后在入职阿里巴巴，成为AE国际体验技术团队的P6前端工程师。 在这一段经历中，我梳理了当时自己的几个问题，大家看看是否有跟我相似的处境呢？

自我重塑的前提是自我觉醒，意识到自己存在问题，再让自己走出舒适区，不断地打碎自己，然后在这个过程中把碎掉的东西重新收拾起来，变成身体的一部分。 这个过程会让你很痛苦，但如果你克服了，你就蜕变了。薛兆丰教授说过一句话，“生活不会在你都准备好了以后才开始”。面试也一样，面试考验的不是那几轮的面试表现，而是你在长期生活、工作中积累的 硬技能和软技能 ，这些包括：你的专业能力，框架能力，思维能力，性格和心态，沟通能力，价值观等等。你只是刚好在这几轮的面试里表现出了你的这些积累，吸引到了对方，最后拿到了Offer。如果临时抱佛脚，光背概念和知识点，没有结合项目深入思考，那么面试的时候会表现的很空洞，给人的印象只是在堆砌一些关键词，这样面试挂掉的可能性就很高。

传说有人问泰勒斯:“何事最难为?” 泰勒斯回答说:“认识你自己。” 随着年龄的增长，阅历的丰富，你会渐渐发现，无论是生活还是工作，很多的事情本质是与自己相处，了解自己的性格，发现自己的优缺点，知道自己从哪来，到哪去，最后想成为一个什么样的人。

举个例子，我了解自己的性格是内向性格，而且原生家庭在我童年成长的过程中，让我有些自卑，甚至我一度怀疑内向是一种性格缺陷。直到我看了一本书，书名叫《内向性格的竞争力》，开始渐渐明白我 自卑的点，来源于我根本不了解自己是什么 。我也不了解外向性格、内向性格的优势。外向性格的优势在于它性格非常开朗，很容易给人一种亲和力，自来熟。内向的性格优势在于它的敏感度，洞察他人情绪，感知他人情绪的能力。内向性格的人都有一个共同的特点，叫做你需要提前充电。比如我们去参加一个面试，内向性格的人像一块电池，需要提前充电，然后呢，这块电池只能维持大概1个小时，但是一旦过了1个小时，电池电量用完，你就受不了，你在后半程的面试会感受不太舒服，因为你的性格里就是不太喜欢这样的环境。

如果大家意识到这一点，在面试的时候你可以更好的去利用。

胆怯的心态，这个是最难克服的。我曾经是胆怯的人，我会把自己包裹起来，裹上一层坚硬的外壳。

这些会直接影响你在他人心中的形象，像阿里P6前端工程师，是一个独挡一面的角色。如果自己性格胆怯，表现出畏缩畏尾的样子，那么即使进阿里了，你在推进项目的时候，会遇到很大的阻碍。这个阻碍一方面来自于你内心的胆怯，另一方面来自于外部压力。所以这个是必须要克服的。

我克服胆怯的方法很粗暴。利用周末的时间刷了杭州城20多个恐怖密室（漆黑的密室环境，而且有NPC出来吓人），慢慢把胆子练起来。后来我胆子大到什么程度呢，我一个人跑到临安挑战极限，坐上飞机从10000英尺的高度自由降落，高空跳伞。

所以性格它不是一成不变的，你发现了，克服了，最后你的心态会越来越好，这个就是我想分享的。

这个是最核心的一个能力，同时也是可以让你快速进入一门新领域的方法。以我现在的认知水平， 知识可以分为三层：知识点、理论、体系。 我们需要可以通过学习知识点 -> 整理理论 -> 形成体系。

输入： 我们平时信息输入的渠道，可以是通过看源码、看书、他人分享的得到关键词，通过关键词搜索可以让我们更广泛地获取信息。在搜索关键词的过程中，我们往往会得到更多的关键词，它可以是A、是B、是C。

构建： 我们需要这些ABC进行分类，构建我们的思维导图。如果你没有自己的思维导图，网上有很多前端的知识图谱，可以照着学习和搜索，理解每一个知识节点承载的内容，慢慢去构建属于你自己的思维导图。前期构建脑图的过程挺痛苦的，意味你要把每一个知识点去摸清楚，但是一旦你建立好了，往后只需要在现有的脑图里添加你新的知识节点，学习会越来越轻松。

解释： 思维导图构建好了以后，就是输出，如何向别人解释一个知识。

以上学习的方法，是我对费曼技巧的个人实践，费曼技巧也被称作是终极的学习方法。简单说它是 「以教为学」，在学习的知识的时候，以别人听得懂为目标，用最简单的话把自己的意思表达出来。

关于学习的方法，我还要分享的是，在构建脑图知识点的时候，我们不妨问自己5个问题？

理清楚了这5个问题，相信你会对这块知识了解的很全面了。往往在面试的时候，面试官不会这么一板一眼的提问，有时候会问一些开放式的题目，或者一些刁钻的技术问题，不要慌，他有可能是考察是否能用学到的知识来解释一下新的例子。所以我们学习还要做最后一步， 把所学的知识都忘掉，剩下的思维能力才是你的。

掌握学习的方法还不够，我们还要常常做一些阶段性回顾，以一个项目为周期或者以半年为周期（周期时间可以自己把握），把人生当中的关键节点梳理出来，这不只是为了面试时快速反应，也是为了更加帮助你认识自己。

我们投递简历失败，有一部分原因在于，我们对自己定位不够清晰。当前 P6 水平投递 P7 岗位，那么挂掉的概率就更高了。我们需要了解阿里岗位职级是怎么样的。阿里巴巴社招一般层级是从P6开始，往往工作经验3年是一个分界点。

了解岗位职级，可以帮助我们认清当前水平处在哪一个层次，知道通往一下层次需要掌握哪些技能。比如我是P6，那么我在写简历或者面试的时候，尽可能在展示当前层次水平之外，会额外展示掌握的P7的一些能力，让面试官看到你的潜力和亮点，你是具备快速通往下一层次的能力的。

阿里的面试按流程来的，你开始面试就会进入流程，在流程里的简历，除了面试官其他人是看不到。每个流程通常有5轮面试，4轮技术面和1轮HR面，面试官会根据你的水平层级和个人情况，决定要不要安排笔试和交叉面。面试的前两轮是电话面试，后几轮是现场面试。在投递的简历的时候，尽量找人内推，内推的优势在于内推人可以给你做信用背书，查看你的面试进度。如果不是走内推渠道，是阿里员工主动采蜜打电话邀请你面试，说明你的简历或者过去的历史评价，是具有一定吸引力的，不然也不会打电话给你。接到电话后，可以跟面试官确认电话面试的时间，你可以在这段时间内，开始面试前的准备。

面试前需要做哪些准备呢？

形象建设分为 声音形象、外在形象、内在形象 。

声音形象： 为什么我要讲声音形象呢？因为前几轮的面试都是电话面试，面试官看不到你，你的语速、语调、语气，都会影响电话那头对你的判断。

声音影响面试的问题有哪些呢？

那我们要做的是尽可能的让我们的语速保持匀速的水平，一分钟200字左右，然后用胸腔偏下的位置发声，用气息推动喉咙，这样的发出的声音雄浑有力，不会显得沉闷，反而有些磁性。

外在形象： 针对现场面试的，简单、干练、不邋遢就好。

内在形象： 声音形象，外在形象都是浅层的吸引，最致命的吸引是人格吸引，是你的内在形象。我们在自我认识的环节，梳理过了“关键”信息，在面试的时候，就派上用场了，把那些能够呈现你内在形象的案例展示给面试官，通过例子证明自己，你就是这样的一个人，简单说就是：“ 我不要我觉得，我要你觉得 ”。内在形象有哪些呢？自信、踏实、皮实、乐观等等

简历为避免排版混乱，使用PDF格式。书写原则： 可以适度包装，但是不要造假 。造假涉及到诚信问题，你在技术面混过去了，后面第三方背景调查的时候，会验证你说的情况，一旦打上不诚信的标签，你就永远进不了阿里了。在写简历的时候，多关注一下对方招聘岗位的JD，岗位职责和需要的技术栈是什么。了解这些后，尽可能在书写简历的时候，展示你和招聘岗位所需重合的技能。如果当前掌握的技能和目标岗位有一定差距，那需要花时间提升不足，补齐这块差距。不同公司的前端岗位的职责或技术方向不同，往往要准备多份简历去匹配不同公司岗位的情况。

我的简历的内容排版很简洁，写了基本信息，专业技能、项目经历，最后才是教育背景。对于社招来说，你在大学期间发生的事情已经不是那么重要了。重要的是你目前 掌握的技能和项目经历 ，这两块是要重点描写的。专业技能按掌握、熟悉、了解程度依次罗列。亮点项目是之前你梳理过的，详细写，附带数据描述成果更具说服力。其他不重要的项目可以简单描述技术栈，一笔带过。这么做的目的就是一眼让面试官看到你的优势和核心竞争力。推荐一些好的简历模板，比如 WonderCV、五百丁。简历不用太花里胡哨，简单明了，能够清晰的表达你的内容即可。

面试前自我模拟面试可以增加你的自信心，自我介绍、面试的一些的话术都可以提前准备好，然后可以讲给别人听、讲给自己听。或者找一个水平在你之上的前辈对你进行一次模拟面试，收集面试反馈，针对模拟面试时卡顿、忘词的知识点，重新记忆和解释，然后不断的重复上面步骤，直到你能可以用自己的话说出知识点的核心内容。

沟通的原则： 客观描述事实，不做主观臆断 。具体有哪些情况呢？三说和三不说。

面试的时候，可以尝试引导面试官。 每个面试官的喜好，出题的角度都不一样，这个我们是无法预测的，但是我们可以去引导对方问一些问题。比如他问到某一个知识点A的时候，我们在回答A的同时，引申出和A有联系的知识点B或C。回答的重心放在知识点A上，B或C是你在回答A的时候顺带那么一提，它就像一个鱼钩，来引导面试官来问我们擅长的、准备好的知识。

渲染情绪： 在面试的时候多感知对方的情绪，在适当的时候，用一些你准备好的事迹，引发对方共情。之前我们梳理过一些“关键信息”，有一些失败经历或高光时刻是很容易让人产生共鸣的。

反问阶段：如果你不知道问些什么，有保守一点的问法是，去问问对方团队的情况，团队在组织定位是怎么样的、技术栈是什么、有哪些人员梯度，当前遇到什么痛点问题等等。这些问题你传递出来的信息是，我对当前岗位所处的团队，所做的事情非常感兴趣。之前我在一家公司现场面试的时候，就主动提出带我在公司转转，了解公司的产品形态。这也是一个向对方表达兴趣的技巧。

面试的时候考察什么？技术一面，重点考察基础和知识广度，上探你的技术天花板，下探计算机底层原理。一面常见的考察点有哪些呢？

技术一面专业能力占了80%，软素质占了20%。如果过了技术一面，说明你的基础各方面是很不错的。接下来技术二面会重点考察你的工程能力、设计能力、规划能力。二面通常会从你的项目开始问，这个时候你梳理的亮点项目就派上用场了。二面常见的考察点有哪些呢？

这些都是考察范围，技术二面专业占了60%，软素质占了40%。到了技术三面的时候，会聊一聊技术格局、视野、人生规划、软技能考察，这部分多展示你的大局观，比如业务上的大图，技术上的大图，你长期或短期的人生规划等等。

描述项目（STAR法则）

我分享一个描述的、项目的方法，叫做STAR法则，他有五个要素，情境(situation)、目标（target）、行动(action)、结果(result)，我把他扩展了一下，技术面或者hr面的时候描述项目的时候，可以按这个套路来。

面试复盘

面试后记得主动添加面试官的微信，这是免费的性价比很高的人脉。加完微信能做哪些事？

面试后还需要复盘， 复盘结果和情绪 。拿一张白纸记录你在面试中答好的/不好的知识点，还有你的在情绪占比，紧张、开心、严肃是不是占了面试中大部分情绪。每一次面试都像一面镜子，照出你的短板，然后你把短板改掉，就离目标越来越近了。拥有这种面试意识，面试的次数多了，你会从害怕面试变得爱上面试。

分享一本软件能的书 《金字塔原理》 ，是麦肯锡咨询公司第一位女性顾问：芭芭拉·明托，写的一本关于逻辑思路的书。里面介绍了一些方法，帮助我们怎么去 自下而上的构建逻辑金字塔 ，或者是 自上而下的表达金字塔 。

书的内容介绍我不做具体的描述了，感兴趣的同学可以自行搜索。

我们在提升硬技能的同时，也要注重提升软技能。技术很重要，但是它是我们实现想法的语言工具。在这之上， 使用工具的方法，比工具本身更关键 ，我们要清楚真正的修炼是什么？ 永远都是内在的东西，软性的东西 。比如说你的思维能力，耐心，聪明，情商，遇到挫折时的内心复原力。这些技能是可以伴随你漫长的一生的，终身受用的，那么我们就应该为此投资。

我在工作前2年是处于一个迷茫的状态，没有自己的规划。真正让我发生改变的是，突然有一天我回家，父母的头发都白了，那一刻我意识到自己该学会长大，该为未来做点什么了。从那以后，我每天的状态就是，白天公司工作谋生存，晚上自我提升谋发展。在工作第3年的时候，自我感觉准备差不多了，开始去阿里面试，所以才有了那段裸辞的经历。当然我摔的很惨，也重新认识了自己。

我们做一个时间切片，把过去的自己和现在的自己对比，你会我发现当时所经历的，觉得很困难的事，现在看来都不是事。给自己的人生列个目标，知道自己想成为什么样的人，实现目标，自己的差距就会越来越小。 还有什么想了解的可以 有想了解更多的小伙伴可以加Q群 链接 里面看一下，应该对你们能够有所帮助

作为一名HTML5前端工程师，为了工作，为了就业我们免bai不了要参加各种各样的面试。为此总结了面试前的注意事项：

第一：注意自己的仪容仪表

面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。

第二：再次检查面试时所需的资料是否都已带全

这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页地翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。

第三：面试之前将通信工具调成振动或关闭状态

虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。

第四：等候面试官时，仔细观察多了解面试公司

在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。

第五：放松心情，保持自信

面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好地迎接下一个挑战。

作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。

从前端开发要掌握的技术来讲，前面已经说得差不多了。我主要想从面试者的角度谈一谈看法。如果是我面试，就给应聘者一个开放的项目，可以提供服务器端API或数据服务，限定一周时间，这叫试做。然后，根据评审确定入围的人，再面试。面试可以围绕项目展开，首先让面试者围绕HTML、CSS和JavaScript讲一讲设计思路、实现过程、遇到了什么困难，如何解决的，最终实现方案与设计有什么出入，有什么收获，等等。然后再根据项目中的不足有针对性地提问测试，考察面试者的实际经验和解决问题的能力。解决实际问题的能力最重要。总之，实际的开发工作不同于考试，考试设计得越接近实际工作需要，结果才可能越真实，才可能真正招到想要的人。

随着时代的发展，很多新兴的就业职位随之产生。前端工程师将就是随着互联网的快速发展而产生的。其实在很多人的观念里，前端工程师也就是一个切页面的而已，他们也就是会html、css、javascript这些没有任何技术含量的网页制作而已。然而随着技术飞速发展，人们对这些技术的要求也是越来越高，如果只凭着一个人来把所有的事情都解决是很困难的，所以这个时候前端工程师就开始发挥着他们很大的作用了。

那我们应该如何来面试前端工程师呢？

首先我们要了解到一般关于工程师的面试都是被分为问答面试和代码面试的。当然也有很多公司会增加一些其他的面试。不过这就主要看公司的情况而来。一般前面一二轮的面试都是主要是技术方面为主。后面几轮就是你的老板要和你聊聊你的待遇和规划的问题了。接下来就让我们来聊聊面试前端工程师的一些技巧吧。

如果你想成为一个优秀的前端工程师你就必须要有一些基础工程师所必需的具有的扎实的理论基础。这些扎实的理论基础是你面试前端工程师的前提。如果你不具备这些理论上的知识想必你连面试的资格都没有。所以想面试成功你就需要掌握这些有关的理论知识。

关于这个前端工程师的面试，考察能力时候很重要的。一般呢，我们可以总结为前端工程师是有关基础理论和能力的综合。而这个里面的能力就包含这个考察能力这个考察能力呢一般就是指工程师的编程能力。

一般面试官都是通过案例问题来检验每个人的考察能力的。这个所谓的案例问题就是在编程上的一些算法题。这一般有些小复杂所以就需要你较强的考察能力来配合了。

在我们在面对面试官时我们千万不要紧张。在进行自我介绍时我们要努力做到自信大方、吐字清晰。我们在自我介绍时要用简明扼要的话语来介绍自己，突出自己的优点表明自己的求职意向。你要通过寥寥数语把自己的优势都向面试官介绍清楚。记住不必要的话语要少说。

好了关于如何面试前端工程师这个话题我就聊到这了。希望我的回答能对你有所帮助。

2.提前了解所面试的企业，做到知己知彼。

3.巩固所学知识

前端工程师至少应该掌握些基本的知识，才能有效地完成自己的工作。一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。

XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。

块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

4.看前端开发面试题

目前网上有好多的前端开发面试题，有时间可以看一看，这些题有助于你对相关知识有一定的了解，最主要的是，面试碰到了相关的题，你不会太紧张，你会有些许的自信。

不管是面试官或被面者都需要有一定的时间观念，不能迟到。如果你有事情会耽搁，应该事先通知彼此。没有时间观念，一个简单的细节，有时会让你错失一个机会。

2.真诚面对

当你的技术不能达标时，只要你的人品达标，也能为自己增加不少分数。

3.尽量展示自己的实力

每个人都有自己好的一面也有自己不足的一面，在面试的时候，应该尽量展示自己优秀的一面。对于校招生或实习生而言，面试官真的不太在乎你所掌握的技术如何？而更再意的是你是不是有发展的潜力。你处事的能力，学习的能力，解决问题的能力等等。而自己问题都是在和你聊天的过程中去掌握的，所以你应该借此机会，向面试官展示你这方面的软实力。

做过最满意的项目是什么？

项目背景

为什么要做这件事情？

最终达到什么效果？

你处于什么样的角色，起到了什么方面的作用？

在项目中遇到什么技术问题？具体是如何解决的？

如果再做这个项目，你会在哪些方面进行改善？

面试总结会让自己更认识自己。虽然你有面试的机会，但这并不代表你能通过面试，那么每一次的面试失败就是你下一次面试成功的铺垫。

技术：技术方面缺少什么？面试官看重的是什么？

软实力：自己拿分项是哪些？自己丢分项是哪些？自己面试过程的沟通能力如何？

失败原因：面试失败原因是什么？是由于技术不足？还是其他原因造成自己面试失败？还可以去思考更多的为什么？…