哈喽大家好，我是 Range。今天带来团队导师  Uncle13 的一篇原创文章，这是从几百次面试过程中沉淀出来的，从面试官角度来展开的一篇前端面试最佳实践，希望大家看完 有所收获。

自我介绍

面试的第一个问题就是自我介绍，基本信息在简历中已经有所体现，所以讲完名字之后（学校，工作经历也可以讲一下）可以直接进入主题，讲讲自己的擅长技术，做过哪些亮点项目，取得过什么成就。

1. 突出亮点：突出你的技能、经验和成就，特别是与应聘职位相关的亮点。例如，你可以提到你曾经解决过哪些技术难题，或者你对某个领域的深入了解。
2. 简要概述：简明扼要，突出重点。避免涉及过多的技术细节，以免让面试官感到困惑或无法理解。简要概述要点，然后准备在面试官的提问下进行详细阐述。
3. 引导面试官：通过自我介绍，你可以引导面试官的注意力，让他们对你的经验和成就产生兴趣。这样，面试官会更加关注你，并且会根据你的自我介绍展开进一步的交流。
4. 掌握主动权：通过自我介绍掌握主动权，引导面试官的提问方向。这样可以让面试官跟随你的思路走，而不是让你陷入被动。

例如：

我叫XX, xx年毕业于XXX（211/985可以说，其他的不说学校即可），计算机相关专业，本科（本科及以上才说学历）；我在上一份工作中从事xx业务，独立负责多款混合app前端的开发，测试与发版，也负责开发过各种前端H5项目；我熟悉的技术栈是vue，在XX项目中解决过大量数据、优化性能等问题，最终页面在2s内响应（用效果数据讲明），React框架我有也了解，做过XX项目/React我有学习过，参照相关文档可以迅速参与项目开发。

优化后的内容如下：

面试过程

一般大厂的面试通常包括四轮，三轮技术面试，一轮HR面试。其他公司都是三轮面试，两轮技术面试，一轮HR面试。具体过程因人因公司而异，下面介绍一些常见的面试过程和注意事项：

一面：

一般由应聘职位平级的骨干同事进行面试，他们将成为你在公司中的并肩作战的伙伴。这一轮面试通常是最具挑战性的，他们会从多个方面考察你是否适合这份工作。主要侧重于评估你的学习能力、沟通能力、基础知识掌握程度、总结和思考能力以及编码能力等。

在这一轮面试中，特别注意编程题。如果遇到了原题，不要过于激动，因为面试官会通过其他方式进一步考察你。所以要多思考一点，不要死记硬背题目的答案，否则容易被识破。对于不会的知识点，也不要过于紧张。可以先尝试采用暴力解决方法，然后逐步优化。还可以请求面试官给予一些提示。如果能够在面试中解决一个不会的问题，那一定会让面试官对你印象深刻并给予加分。

请解释一下什么是事件冒泡，并举例说明其中的使用场景。

考察点：

1. 基础知识掌握程度：事件冒泡是JavaScript中非常重要的一部分，理解并能够准确回答这个问题可以考察应聘者对JavaScript基础的掌握程度。
2. 总结和思考能力：这个问题需要应聘者对事件冒泡有一个全面的理解，并且能够用自己的语言对其进行总结和解释，这可以考察应聘者的总结和思考能力。
3. 编码能力：虽然这个问题可能不直接涉及到编码，但是对事件冒泡的理解是写出正确JavaScript代码的基础，因此这也是考察应聘者编码能力的一个方面。

回答示例： 事件冒泡是一种在DOM（文档对象模型）中处理事件的方法，当在某个元素上触发了一个事件（比如点击事件）时，这个事件会沿着DOM树向上冒泡，直到到达根节点或者被阻止为止。使用事件冒泡可以让我们更方便地处理事件，并且可以避免在多个元素上重复编写相同的代码。比如在一个包含多个按钮的div元素中，我们只需要在div元素上监听点击事件，然后在事件处理函数中根据不同的情况执行不同的操作即可。

同时可以扩展的讲一下实践捕获，简单的比较一下。其他类似的题目也一样，比如问到vue2.0，回答完之后可以简单的讲一下vue3.0

二面：

二面通常由团队骨干或直属领导进行面试。在这一轮面试中，除了基础知识之外，面试官还会从技术选型、架构设计、解决方案等方面提问，考察你对技术细节、项目优化和整体方案等方面的思考能力。

1. 技术选型：面试官可能会询问你在某个具体场景下，如何选择适合的技术栈、框架或工具，并且要求你解释选择背后的原因和考虑因素。

2. 架构设计：你可能会被要求设计一个复杂系统的架构，包括前端、后端和数据库等各个组件的设计。面试官会关注你是否能够考虑到系统的可扩展性、可维护性和性能等方面。

3. 解决方案：面试官可能会提供一个实际问题，要求你提出解决方案并阐述其实施步骤和预期效果。你需要展示出你的分析和解决问题的能力，并考虑到项目的需求、资源限制和时间约束等因素。

4. 技术细节：面试官可能深入探讨你在前端开发中使用的技术细节，如JS运行机制、浏览器渲染原理、性能优化策略等。你需要展示出对这些细节的了解程度，并且能够解释为什么选择某种方法或策略。

5. 项目优化：面试官可能会问到如何优化一个已有项目，包括提升性能、减少资源消耗、改进用户体验等方面。你需要展示出对项目优化的思考和实际操作经验。

三面：

三面通常由所属团队的领导进行，技术细节方面的考察较少，更注重候选人对工作中涉及的业务、产品和技术的思考能力，以及职业规划、个人发展和一些职场软技能。以下是一些常见问题的举例：以下是一些常见的前端三面面试题示例：

1. 请谈谈你对我们公司业务的理解以及你将如何应用你的技术能力来支持和推动公司的业务发展。

   这个问题考察你对公司业务的理解程度以及你如何将技术与业务结合起来。回答时，可以简要介绍你对公司业务模型和产品的理解，并提出一些技术方案或创新点，说明如何利用你的技术能力为公司业务发展做出贡献。

2. 请谈谈你对前端领域未来发展的看法，以及你个人在技术成长和职业发展方向上的规划。

   这个问题考察你对前端行业的认知和对自身职业规划的思考。回答时，可以表达对前端技术发展趋势的了解，例如移动端、WebAssembly、PWA等，以及你希望在哪些技术领域深入发展或担任什么样的职责和角色。

3. 请分享一个你在项目中遇到的挑战，并描述你是如何解决这个挑战的。

   这个问题考察你在项目中的经验和解决问题的能力。回答时，可以选择一个具体的项目挑战，并描述你在面对挑战时采取的策略和行动。强调你的解决思路、技术方案或团队合作经验，并说明最终取得的成果。

4. 请谈谈你在团队协作中的角色以及你与其他成员合作的经验。

   这个问题考察你的团队合作能力和沟通协调能力。回答时，可以描述你在项目中扮演的角色和职责，并举例表达你在与不同成员合作时所采取的沟通和协调方式，以及如何解决团队合作中遇到的问题或冲突。

5. 请谈谈你对我们公司文化的了解，并说明为什么你认为自己适合加入我们公司。

   这个问题考察你对公司文化的了解和对公司的匹配度。回答时，可以提前研究公司的官方网站、社交媒体页面等，了解公司的价值观、工作氛围、发展机会等，并结合自身的价值观、目标和个人特点，说明为什么你认为自己是一个适合该公司的候选人。

四面：

四面通常是HR面试，在这一轮中，你需要保持积极乐观、礼貌友好的态度，并且尽量避免谈论与工作无关的话题。当面试官问你为什么离职时，即使你与前老板有过矛盾，也不要在面试中抱怨或批评前公司。以下是一些可能的问题以及回答示例：

• 为什么从上家公司离职？（注意保持积极向上的回答）
• 您希望找一个怎样的工作，有什么职业规划？（重点强调发展，少谈钱）
• 谈谈自己最大的优点？（结合实际情况回答，不要编造，可以提及专注、团队精神、技术热情与钻研精神、沟通能力、深度思考等）
• 谈谈自己最大的缺点？（提及与工作相关的点，同时强调正在努力改进，比如过于关注技术细节而忽视产品业务的重要性和理解，表示现在会积极参与产品业务的早期阶段并加强对业务的理解）
• 方便透露手上都有哪些offer了吗？（根据实际情况回答即可，可以突出好的offer，但不必透露不好的offer）
• 在B公司和我们之间，你是如何考虑的呢？（肯定会选择面试的公司）

面试官：“你有什么想问我的吗？”

这个问题一般每一面都会遇到的，提问是面试中我们能够主动“索取”的环节，所以一定不要浪费这个机会，一些 leader 的回答还会带给你很多技术之外的思考与经验，让你受益良多。

以下是一些提问示例供参考：

• 一面：可以询问关于实际工作内容方面的问题，如团队业务、日常工作任务、常用的技术栈、协作方式、项目的技术分析等。
• 二面：可以询问关于业务和产品规划方面的问题，以及对应聘职位的定位和期望，如公司在业务上的发展计划、技术建设的目标、对该职位的具体要求等。
• 三面：可以询问面试官关于技术之外的知识和经验，例如面试官自己的成长经历、技术以外的能力培养、在公司的发展路径和机会等。
• HR面：可以询问与公司相关的事项，例如你在公司工作的最大感受是什么、公司的晋升机制是怎样的、公司文化和价值观等。

需要注意的是，在这个阶段尽量避免与薪资待遇相关的问题，因为谈论offer的细节通常会在后续阶段进行。根据每个面试环节的不同，针对性地询问问题，可以帮助你更全面地了解公司和职位，同时也展示出你对公司和职位的兴趣和思考。

面试复盘

面试复盘是一个非常有价值的学习过程，可以通过与其他优秀团队成员的交流来探讨技术问题、分享经验、检验自己的能力，并了解一流团队的业务和产品。无论最终结果如何，都应该认真总结这次面试经历。

以下是一些建议用于面试复盘：

• 记录：每轮面试结束后，尽量详细地记录整个过程，最好是将面试过程进行录音，以便更好地分析自己的表现。
• 分析：根据自己对面试问题的掌握程度，对问题进行分类统计，分析在沟通过程中自己的表现和反应。找出自己在哪些方面做得好，哪些方面需要改进。
• 补强：对于自己理解不够透彻的问题，优先进行复习和加强掌握。对于完全不了解的问题，可以先大致了解一下，如果时间不允许深入掌握，可以暂时忽略。
• 总结：在分析和补强之后，可以将经验总结成文，也可以与社区中的同行们分享。在总结的过程中，可以回顾自己的经历，提炼出宝贵的经验和教训，以便在未来的面试中更好地表现。

通过面试复盘，可以不断改进自己的面试技巧和知识储备，并提高自己的竞争力。这是一个宝贵的学习机会，不仅可以为当前的求职之路增加经验，也可以为将来的职业发展打下坚实的基础。

最后

还没有使用过我们刷题网站（https://fe.ecool.fun/）或者刷题小程序的同学，如果近期准备或者正在找工作，千万不要错过，我们的题库主打无广告和更新快哦~。

老规矩，也给我们团队的辅导服务打个广告。