web前端主观面试题针对前端工程师的典型业务问题分类及示例在技术面试中，业务问题的设计需要兼顾技术能力、业务理解和协作

web前端工程师怎么做自我介绍

基本信息个人核心的工作项目和经历围绕JD说说自己的专业技能

"面试官您好，首先很荣幸能参加贵公司的面试。我叫XX，来自于湖南郴州，大学学的专业是信息与计算科学，毕业至今一直从事前端开发工作，拥有9年的前端开发经验。

从业至今开发过发webApp，H5，混合App，小程序，门户网站和中后台管理系统，接触的业务有智能家居IOT，电商零售App以及ToB端的电商pass和sass中后台管理系统，以及公司的一些门户网站等。

最近几年主要是主攻Vue生态技术开发，包括主导日常的基础架构搭建，开发规范制定，功能业务开发，以及后期的性能优化升级。我的自我介绍完毕，希望可以能和您进一步交流。

面试官通常在面试初始让面试者“进行简单的自我介绍”。其实，面试官之所以让面试者进行自我介绍，是希望在最短的时间内，了解你是否是适合这个岗位的最佳人选。而我们在做自我介绍时，应该学会将自身能力、过往的经验和岗位所要求的能力相结合，并且用最简练、最概括的语言表达自己的故事和经历，让面试官记住你。

建议指导：mp.weixin.qq.com/s/sK_9F3E-B…

为什么从上一家公司离职

详细看 HR认可的六大离职原因❗年后换工作就这么说

项目做了很久，项目很成熟了，重复性工作多，缺乏新的挑战机会，不想待在舒适圈，向往更有挑战的平台，想多实现自己的价值

公司整体搬迁，通勤太远，家人都在深圳

对于被裁员的情况，在入职新公司时如何得体地表达，关键在于 "弱化被动性，强调客观性，突出成长性"。以下是针对5年经验工程师的专业话术建议：

基础原则

不回避但简化裁员话题：用1句话带过，不超过10秒
聚焦技术成长：强调在上一段经历中的能力沉淀
体现职业理性：展示对行业趋势的认知

心理建设建议

准备离职证明：确保写明正常离职（非违纪）
前同事背书：提前联系1-2位前同事作为备选背调人
时间线包装：如空窗期较长，可表述为"系统学习期"

关键点：把裁员转化为"获得完整项目生命周期经验+主动选择新方向"的职业升级故事。大多数技术面试官更关注你的实际能力而非离职原因，自然带过即可。

关于不会的问题

关于您提的这个问题，以前确实没遇到过，但是我可以以以往的工作经验来解答一下，如果有不妥的地方还请指正。

首先我的理解是xxxx，

其实我会采用的什么样的方法进行分析

根据分析结果，最终怎么去执行

以上只是我个人的思考，您有什么补充建议

近期/三年或者五年的职业规划是什么？(考察题)

🤔回答思路

面试官提出这个问题的目的，是希望:

通过你的中长期职业规划，判断你与岗位的匹配度、你的职业稳定性以及是否具备内驱力；
考察你对求职岗位的了解程度，以便评估你的求职诚意和对该岗位的兴趣程度；
了解你是更看重个人能力的成长，还是更注重薪资或职级的晋升。

😎回答公式

近期规划: 快速熟悉工作中的业务和技术栈，尽快融入到新团队，提高工作效率
远期规划: 提升系统架构能力 + 多学习产品和业务能力，做一个复合型人才，在岗位上独当一面，在行业内立足，承担更多的责任

面试官问：你的核心竞争力？满分回答❗

🎯面试官问：“你的核心竞争力是什么？” 到底该怎么答？这个问题几乎是必问题，HR真的很爱问！

项目经验丰富（0-1系统搭建、能快速解决问题，AI经验提高工作效率，节省人力成本），我可以快速上手的将经验复用到工作中去

抗压能力强（赶项目、突破难点）

项目管理能力强（统筹协调、把控进度、分清任务轻重缓急）

有跨部门沟通协作（沟通能力）

你如何评价自己？你朋友对你的评价？(考察题)

我认为自己是个责任心强、适应力不错的人。

在过往工作中，我始终把交付高质量成果放在首位，对经手任务都会严格把关。为了按时且优质完成，我主动加班梳理流程、排查问题。

在适应力上：无论是面对新环境还是新的工作模式，我都能迅速调整状态。之前公司业务转型，我快速适应新业务要求，工作推进顺利。当然，我也意识到自己在决策速度上有时会稍慢，之后我会多积累经验，培养果断决策的能力。

朋友对我的评价

朋友觉得我是个可靠且有亲和力的人。遇到困难时，他们总会第一时间找我帮忙，因为我只要答应的事就一定会尽力做到。在团队活动中，我也能很好地照顾到每个人的感受，让大家相处轻松愉快。他们还说我有较强的上进心，不断追求进步，给身边人带来积极影响。

🤔回答思路

想从侧面了解一下你的性格及与人相处的问题，和 “优缺点” 或者 “用三个词来描述自己” 是同一类型的问题，开放式的自我评价。如果回答了自己的缺点，最好也要提及自己知道如何改正自己的不足。

工作中遇到最大的困难？你是如何解决的？(压力测试题）

🤔回答思路

这个问题的重点并不是你所经历的困难本身，而是要考察你面对困难所做的思考和努力以及你解决问题的能力。回答侧重解决问题过程中的态度和方法。

😀回答公式

做了什么 + 怎么做的 + 最后的结果 + 总结

💬参考话术

框架构建的时候，一套代码多端显示（怎么去实现这个业务）。不同终端地址不一样，相同功能路由一一且对应丝滑切换。为了完成这个任务，思考（基本逻辑、边界条件、错误处理）+画业务图+网上查找资料参考优化+落地实测，终于在 2 天之内交出了方案，但也得到了领导的肯定。

和上司意见不合时，你会怎么处理？（考察题）

🤔回答思路

这个问题对方多半是想考验你的沟通能力以及对自己的角色定位。
【回答公式】：集体利益为首 + 非原则性问题服从上级

💬参考话术

一般可以这样回答：“作为团队的一员，首先会考虑到集体利益。我会给上级以必要的解释和提醒，在这种情况下，我会服从上级的意见。”
如果面试你的是其他人，而你所应聘的职位另有一位上级，且这位上级当时不在场，可以这样回答：“对于非原则性问题，我会服从上级的意见，对于涉及公司利益的重大问题，我希望能向更高层领导反映。”

你希望与什么样的上级共事？(考察题)

🤔回答思路

一定要注意的是 --- 上司是不能选的。而且在面试的时候，你也往往不知道上司是个怎么样的人，所以尽量回避对直系上属的具体希望，而是多多谈自己对自己的要求。

💬参考话术

我觉得对于一个刚加入团队的新人来说，

当下更应该的是去适应和熟悉环境，
去发挥自己的能力和实现应有的价值，
多吸取同事和领导的建议，积极融入到团队里去。

你为什么选择这个岗位？（挖坑题）

🤔回答思路

这是想知道面试者对这份工作的热忱及理解度，并筛选因一时兴起而来应试的人。回答时注意表现出自己对工作的期待（公司文化、岗位发展空间）。
相比于对于公司的了解，这一个问题更加考究面试的技术与专业能力，看求职者能否准确地说出职业的核心需求与工作内容现状。
【回答公式】：行业、公司和岗位认知 + 自身优势（与岗位匹配）+ 职业规划

💬参考话术

首先，我对于 xx 行业一直很感兴趣，而我的专业是 xx 领域，对我来说，xx 岗位是少数几个能够将我的 xx 能力和对 xx 行业的兴趣紧密结合的岗位。我希望能够成为 xx 行业里的精英，而贵公司作为 xx 行业的标杆，发展前景非常广阔。（行业、公司和岗位认知）
同时，我认为我有能力胜任这份工作，因为我具备专业知识，考取了 xxx 证书、xxx 从业资格，掌握了这份工作必备的技能，而且近几年工作也一直在这个领域磨练自己的能力，取得了 xx 的成绩。（自身优势：与岗位匹配的经验能力）
我认为 xx 岗位是一份需要积累终身经验的工作，所以我一直都在努力学习，致力于提升自己的专业素质和技能。这份工作不仅可以让我接触到更前沿的技术与产品，而且我相信凭借自己的个人优势以及经验和能力，一定可以为公司努力创造更大价值。（职业规划）

为什么选择我们公司？(挖坑题)

🤔回答思路

想测试你来公司面试前有没有做过调查研究，是不是海投。可以从岗位性质或者公司的角度回答。

😀回答公式

团队、平台、产品实力、业界口碑、发展前景

💬参考话术

优秀的团队和平台、出色的产品、良好的业界口碑、会有很好的发展前景

你对我们公司了解多少？（挖坑题）

🤔回答思路

HR 想要考察你是不是海投岗位，所以面试之前去企业的官网了解企业的：主营业务、核心优势、目标客户以及发展情况等等，按照自己的理解去组织对这家企业的认知表述，尽量往良好的方向去表达。
提前的了解非常重要，除了能够减少企业的介绍工作，更多是体现出来求职者对于这一份岗位的态度与热切程度

💬参考话术

在准备这次面试之前，我特意对贵公司进行了深入的了解和研究。首先，从行业角度来看，贵公司在【具体行业】领域内拥有极高的知名度和影响力，特别是在【具体产品或服务 / 技术 / 市场地位】方面，展现了卓越的实力和创新能力。我对贵公司能够持续引领行业趋势并推动行业发展感到十分钦佩。

进一步地，我了解到贵公司秉承【公司核心价值观，如创新、团队合作、客户至上等】的企业文化，这种文化不仅为员工提供了积极向上的工作环境，也确保了公司能够持续为客户提供优质的产品和服务。我非常认同这种文化，并相信它能够激发我的工作热情和创造力。

在业务方面，贵公司不仅稳固了现有的市场份额，还不断开拓新的业务领域，如 [具体新业务或市场扩张计划]。这种勇于探索和不断进取的精神让我深感振奋，也让我看到了自己在这个平台上能够发挥更大作用的可能性。

此外，我还关注到贵公司在社会责任和可持续发展方面的努力。贵公司积极参与公益事业，推动环保和社会进步这让我更加敬佩贵公司的社会责任感。

综上所述，我对贵公司有了全面而深入的了解，并对贵公司的未来充满了信心和期待。我相信，加入贵公司不仅能够让我在专业领域得到更好的发展，还能够让我与一群志同道合的同事共同为实现公司的愿景而努力。我非常期待有机会成为贵公司的一员，并为公司的繁荣发展贡献自己的力量。

你是 0 经验 / 经验不足，如何能够胜任这份工作？(考察题)

🤔回答思路

这个问题主要想看下你的逻辑思维能力、岗位匹配程度。回答这个问题，最好要体现出你的诚恳、体现你的学习能力和敬业精神。

😀回答公式

展示通用能力 + 自主学习能力 + 数据成果产出

过往经验丰富，技术相通，学习起来快，可以尽快的投入工作产出，我有信心胜任这个岗位

💬参考话术

通过您刚刚的介绍，我了解到你们要招聘的这个岗位，主要负责 xx 方面的内容，需要 xx 方面的能力 (贴合岗位 JD)，我是 xx 专业的，有理论知识背景，之前在 xx 公司干过 3 年的 xx 岗位，主要负责 xx 方面的内容，取得了 xx 成果，解决了 xx 问题 (尽可能带一些客观数据内容)，跟责公司要招聘的岗位相关

你会如何处理工作中的压力？(压力测试题)

🤔回答思路

如这个问题主要是想考察你在面对工作中压力的抗压能力、时决断能力、应变能力怎么样，所以阐述实例时一定要注意要有正向的证明。

💬参考话术

我认为工作中有压力很正常，而且也无法避免，有压力才有动力，压力能使人快速成长。重点是找到压力的来源，要怎么将其转化为动力。

我个人的处理方式是对压力来源进行细项拆分，通过不断的对工作进行总结复盘，找到自身的强项和短板并利用碎片化时间提升短板，把压力转换为动力，下次遇到相同的问题会处理的更加游刃有余。

如果一时之间对解决源头没有头绪，我不会钻牛角尖，会转移注意力放松心情或找人倾诉缓解。

让你带领一个团队完成项目，你会怎么做？(压力测试题)

🤔回答思路

对于非管理层岗位的面试者来说，这个问题主要是想考察你的团队协调能力和沟通能力，从而了解你的领导能力。

结过# 😀回答公式

设定团队目标
合理安排任务（复杂项目拆分先易后难，人员配比，项目计划进度表）
过程进度沟通反馈（遇到难点怎么突破，重新规划时间还是增加人员，或者换种方案）
结果验收（整体复盘，不断优化，避免同样的问题）

💬参考话术

首先，我会将项目拆分成阶段性目标，将每个目标明确好任务量和截止时间，再与团队成员开会进行讨论对现有方案进行优化，让团队有统一的目标和大方向。其次，我会在日常工作中通过观察了解每位员工的性格特征，擅长做的工作内容和沟通风格，合理分配任务，在项目进行的过程中及时沟通了解进度，提高团队工作效率。
最后，在项目结束后进行整体复盘，总结反思遇到的问题和解决方法，不断优化方案，避免同样的问题在下次项目中再次出现。

刚去一个新部门，让你带领一个团队完成项目，你会怎么做？(压力测试题)

🤔回答思路

这个问题的主要目的也是了解应聘者的工作能力和计划性、条理性，而且重点想要知道细节。
如果对于应聘的职位缺乏足够的了解，最好不要直接说出自己开展工作的具体办法。
可以尝试采用迂回战术来回答，如因为刚刚进入公司，我会优先和同事以及领导打好关系，熟悉团队内的工作内容和进度，接下来制定一份近期的工作计划并与同事或者上司沟通，最后根据计划开展工作。但是，如果面试官还是希望听听具体想法，还是围绕岗位描述来讲。

💬参考话术

首先，我会先熟悉公司全平台的账号内容，通过查看历史内容、了解账号定位、风格、用户画像，分析历史数据。搭建近期选题库、调查分析竞品内容，确定选题方向后，提报选题及大纲给领导进行审核。在确定选题后着手撰写文案发布。发布后定期整理并且分析数据，持续优化选题方向，及时向领导反馈

入职后发现自己不适合这个职位你会怎么做？(压力测试题)

🤔回答思路

这个问题主要是想以一种情境了解你面对困难问题的沟通反应能力、对职位的理解程度、学习和工作的态度、以及是否有自信心。回答时表现出积极的一面。

😀回答公式

选择岗位的原因 + 如何改正缺点

💬参考话术

首先说明，我是喜欢这份工作，并热爱这份工作，才来面试的。如果入职一段时间后，公司发现我个人不适合这份工作，我希望公司能够立刻提出**，对于缺点及不足，我会尽力改正，勤能补拙，我会尽快弥补能力欠缺的部分。**

你还有什么想问的吗？(挖坑题)

🤔回答思路

由于第二轮一般是直属领导面试，在回答时围绕目标岗位未来发展和入职部门进行提问。

💬参考话术

团队有多大，做的主要业务是什么，前端有多少个人，主要用的什么技术栈
团队是怎么分工合作的？具体的流程是咋样的？有没有导师机制？
这个岗位最大的挑战是什么？
你这个岗位你最看重候选人的哪些能力？
如果我有幸通过面试，您需要我具备什么样的能力，以及试用期的考核目标是什么？我向谁汇报？我需要做哪些准备
我什么时候能够知道此次面试结果呢？如果有幸通过这轮面试，接下来的几轮面试安排是如何的？
您在团队中担任的岗位是什么？
团队的后续发展是怎么样的？
我想参考确定未来努力的目标和方向 这个岗位在实际工作可能会面临哪些困难？
试用期多久？转正标准是什么？
公司的晋升 / 培养机制是怎样的呢？该职位是新增 / 递补？希望补足团队的什么能力？
该职位的具体考核指标是什么？ 权重是？
该职位的薪资构成是怎样的？底薪多少？绩效怎么算？(大概问)

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

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

下面给出一些提问示例供参考：

一面：面试官一般是你的平级同事，可以多去了解实际的工作内容，便于后续对比 offer，例如：团队业务、日常工作、技术栈、协作、技术分析等
二面：面试官一般是团队骨干或直属 leader，可以多去了解业务和产品的规划、技术建设、对应聘职位的定位与期待等；
三面：面试官一般是部门 leader，这一步可以多了解技术之外的知识，比如面试官自己的成长经验、技术之外的能力、职位发展路线等；
Hr 面：这一步可以多去了解公司本身相关的事，比如：你在公司工作的最大的感受是什么？晋升机制是怎样的？等等

面试时问你最大的缺点是什么，应该怎么完美的回答

记住：这个问题本质是压力测试，重点不在于缺点本身，而在于你呈现的解决问题的思维。

面试官真正在考察什么？

自我认知是否清晰
是否有改进意识
缺点是否影响岗位核心要求

作为技术出身，早期我更关注快速实现需求，有时候有点过度追求技术细节，这样会导致忽略产品和业务的一些东西。现在来看对于高级或者资深开发来说我觉得产品和业务其实比技术更为重要，更深入的了解解业务，并且多学习产品知识是做好一个开发的前提条件。

数据佐证：
某大厂技术面试评分表显示，关于缺点的回答中，有具体改进方案的候选人通过率高出47%。

注意公司签订合同期限是多久

试用期时长 / 工资结构 / 绩效分成比例以及绩效考核

根据劳动法，1 年合同试用期不超过 1 个月，1 - 2 年合同不超过 2 个月，3 年合同不超过 6 个月。如果公司延长试用期，可能是为了降低用工成本，要警惕。

你能接受加班吗？

能接受，我也能理解加班，首先刚去公司，要熟悉公司的业务+技术栈+项目规范流程这些都要花很大量的时间去熟悉。其次有时候赶项目和技术攻关也避免不了加班。

不过我更倾向于提升工作效率，在规定时间内完成工作，来减少无意义的加班，

你如何看待加班？（压力测试题）

🤔回答思路

实际上好多公司问这个问题，并不证明一定要加班。只是想测试你是否愿意为公司奉献以及态度测试。虽然不会有人心甘情愿的加班，但依旧要表现出高配合度的诚意。可以委表示接受加班，但并不是接受无理由加班。

【回答公式】：我个人觉得，首先要先反思下加班是不是因为工作效率低下而导致的。如果是个人原因，我会。如果是其他原因。

💬参考话术

・✘错误回答举例：

态度消极型：加班？我讨厌加班，我认为它浪费了我的时间。我会尽量避免加班，除非没有其他选择。
过于积极型：加班对我来说根本不是问题，我可以随时随地工作。每天都可以加班到很晚，没有关系。
不确定型：加班？我不太确定，要看情况。有时候我会，有时候可能不会。
避重就轻型：我喜欢加班，因为这样我就可以逃避家庭琐事。工作是我生活的一部分，我宁愿在办公室花更多时间。

✔高情商回答：

我认为加班在某些情况下是必要的，特别是在项目紧急或关键时刻。我会尽力在工作时间内高效完成任务，如果上班没有完成预期的计划，责任心会促使我花多一些时间去将任务完成。对我来说，加班不仅仅是时间的投入，更是效率和规划的问题。我会在工作日内努力集中精力，高效完成任务。如果碰到紧急或者规划未完成情况，我会愿意加班，同时也会思考如何从长远角度改进流程以改进工作效率。当面对重要项目需要加班时，我愿意为了团队共同的奋斗目标而加班，同时我也会与团队密切合作沟通，确保加班是高效的且合理安排的。

你如何看待学历和能力？（压力测试题）

🤔回答思路

・如果你毕业于名牌大学，那你可以突出学历很重要，如果学历不行，就突出能力很重要。
・【回答公式】：我想一个人的工作能力的高低，直接决定职场命运，而学历的高低只是进入一个企业的敲门砖，所以...

💬参考话术

我想一个人的工作能力高低，直接决定职场命运，而学历的高低只是进入一个企业的敲门砖，如果公司把学历卡在重点大学，我就无法进入贵公司，所以我相信公司还是会考虑个人能力。而我的各项能力与该岗位都很匹配，所以我相信在这个岗位上我可以做的很好。

你期望的薪资暂时没法达到呢？(挖坑题)

🤔回答思路

回答时重点在展现个人能力符合目标岗位。

😀回答公式

・展现核心竞争力 + 期望薪资

💬参考话术

你期望的薪资是怎么样的？（试探题）

要看贵公司的一个薪资福利结构比如公积金和社保是怎样的，才好定薪。

我的薪资要求就是在之前的基础上涨薪15%。

根据以往大型项目经验积累，架构搭建经验 + 系统优化经验，也是改岗位需要的核心竞争力，我之前的薪资包 + 最近拿到的offer薪资包 + 以及前几轮的面试结果 ，我认为我提出的期望薪资数是合理的，我觉得贵公司能给出一个合理的薪资价格。而且薪资水平也是对我个人能力的肯定

🤔回答思路

不要说一个宽泛的范围，那样你将只能得到最低限度的数字。
最好给出一个具体的数字，这样表明你已经对当今的人才市场作了调查，知道像自己这样学历的雇员有什么样的价值。
回答可以从工资薪酬结构和福利待遇入手。

超出岗位预算。相信您和公司对我面试的岗位薪资有客观考量，我所报的薪资数也是在调研过市场平均工资后，综合评估我自身的经验和能力提出的，希望您再和人事充分沟通后给到我最终的薪资方案。

您最快可以什么时候入职 / 什么时候能入职？（试探题）

如果公司决定录用我，我会在收到offer的10内入职，如果公司希望我提前入职，我也会尽力配合，提前准备好入职资料和体检报告，并调整好心态，希望您能理解。

🤔回答思路

・第一、暗示求职者 95% 通过面试了，想要了解求职者入职的意愿。
・第二、被问到这个问题的求职者都是 HR 比较满意的人，所以他才想知道你什么时候能入职，提前做好安排。
・第三、通过求职者的入职时间，来判断求职者是否着急于找工作，是否可以有降薪的机会。

・【回答公式】：

在职：离职交接时间 + 3 天左右（缓冲）
离职：收到 offer 后一周内 + 理由（例如以前住公司的房子，现在暂时住朋友那里，找房子、搬家等...）

💬参考话术

・在职：我个人希望能够尽快入职，但由于我所在的原单位有许多工作还未交接完成，交接大概需要 xx 时间。
・离职：我这边需要根据工作地点租房，如果能够拿到 offer，最快一周可以入职。

面试了哪些公司，是否有offer （挖坑题）

金山迅雷海能达（老项目）

前面是复习，这个月才开始看机会，为了更长远的考虑，以及继续深耕自己的领域，这次找工作也比较谨慎，并没有海投，看到合适的机会才去面试，贵公司的业务线和贵公司的平台，跟我的职业发展以及过往的经验比较契合，我更有意向加入贵公司

🤔回答思路

・主要想要考察 3 方面

侧面了解你的市场竞争力，如果别的公司都没给面试那自然是竞争力不足。
了解你对公司的意愿程度，想法及态度。（尽量也回答行业类型相近的其他企业）
了解你的求职进度，是否已有心仪 offer（有 OFFER 情况下他们会考虑就没有比较给你通过）

💬参考话术

・你没有收到 offer：建议实话实说，表明自己刚开始找工作，也可以说自己有其他的几个面试正在走流程，但最好强调自己选择公司是有慎重思量过而非海投面试。
・你已经收到 offer：表明收到 offer，但最多是 1 - 2 个，并强调公司与个人职业规划的契合度，对公司的认可。
・其他 offer 更好：如果你仍然将该公司作为第一选择，但是其条件没有其他 offer 好，这个时候要谨慎，比正在面试差的企业的 OFFER 可以作为一个竞争力的参考，但如果是一个更好的企业的 OFFER，HR 就会觉得你也不需要他们企业的 OFFER。

入职了怎么开展工作

熟悉公司环境
认识团队成员
准备开发工具和搭建开发环境
熟悉项目技术站和业务和开发流程

说说你们团队的项目开发流程

1. 需求调研与分析

2. 原型设计

3. 需求评审/排期 ->(技术选型与方案设计)

4. 界面设计

5. 编码开发

6. 测试验证

7. 代码合并

8. 上线部署

9. 维护迭代

需求调研与分析

收集需求：产品经理和运营团队通过与 客户沟通、市场调研、竞品分析 等方式，收集用户需求和业务需求。比如开发电商 APP，需了解用户对商品展示、购物车、支付等功能需求，以及运营方对商品管理、促销活动设置等需求。
需求分析与梳理：对收集到的需求进行分析、筛选、整理，明确需求优先级和可行性。将需求转化为详细功能规格说明书，定义功能边界、输入输出要求等。

原型设计

产品经理依据需求文档创建产品原型，使用 Axure、墨刀等工具绘制低保真或高保真原型图，展示产品架构、页面布局、交互流程等。例如电商 APP 原型会呈现首页商品展示样式、商品详情页布局、下单流程等。

技术选型与方案设计

技术选型：技术负责人根据项目需求、性能要求、团队技术栈等，选择合适技术框架、编程语言、数据库等。如电商 APP 后端可选用 Java 的 Spring Boot 框架、MySQL 数据库，前端用 Vue.js 或 React Native 等。
架构设计：进行系统架构设计，确定系统分层结构（如表现层、业务逻辑层、数据访问层）、模块划分、接口定义等，保障系统可扩展性、稳定性和性能。

界面设计

UI 设计师根据原型和产品风格要求，设计用户界面效果图，注重色彩搭配、字体选择、图标设计等视觉元素，提升用户体验。电商 APP 要设计美观且易用的商品展示页、购物车页、个人中心页等界面。

开发实现

任务分配：项目经理根据团队成员技能和经验分配开发任务。如前端开发人员负责页面开发和交互实现，后端开发人员负责业务逻辑编写、接口开发和数据库操作。
编码开发：开发人员按照设计文档和任务要求编写代码。前端人员用 HTML、CSS、JavaScript 等实现页面功能和交互效果；后端人员用选定编程语言实现业务逻辑，与数据库交互。

测试验证

单元测试：开发人员对自己编写的代码模块进行单元测试，检查代码逻辑正确性、功能完整性，使用 JUnit（Java）、Pytest（Python）等测试框架。
集成测试：测试团队将各个模块集成起来进行测试，检查模块间接口调用、数据传递是否正常，发现并解决模块集成产生的问题。
系统测试：对整个系统进行全面功能测试、性能测试、兼容性测试等。功能测试验证系统是否满足需求规格；性能测试检测系统响应时间、吞吐量等性能指标；兼容性测试检查系统在不同浏览器、设备、操作系统上的运行情况。
验收测试：邀请用户或客户参与验收测试，确认系统是否满足业务需求和预期效果，收集反馈意见进行调整优化。

代码审核与合并

开发人员完成开发和自测后，提交代码进行审核。资深开发人员或技术负责人检查代码规范性、可读性、安全性等，提出修改意见。审核通过后，将代码合并到主分支。

部署上线

将测试通过的系统部署到生产环境。涉及服务器配置、应用程序部署、数据库迁移等工作，可使用 Docker、Kubernetes 等容器化技术和自动化部署工具（如 Jenkins）提高部署效率和稳定性。

维护与迭代

系统上线后，持续监控系统运行状态，及时处理出现的问题和故障。收集用户反馈和业务需求变化，规划后续版本迭代，不断优化和完善系统功能。

工作中如果你难以和同事、上司相处，你该怎么办？

首先，我会服从领导的指挥，配合同事的工作。然后，我会从自身找原因，仔细分析是不是自己的工作做得不好，让领导不满意，让同事看不惯。还要看看是不是为人处世方面做得不好，如果是这样的话我会努力改正。

其次，如果我找不到原因，我会找机会跟他们沟通，请他们指出我的不足，有问题就及时改正。

最后，作为优秀的员工，应该时刻以大局为重，即使在一段时间内，领导和同事对我不理解，我也会做好本职工作，虚心向他们学习，我相信，他们会看见我在努力，总有一天会对我微笑的。

假设你在某单位工作，成绩比较突出，得到领导的肯定。但同时你发现同事们越来越孤立你，你如何看待这个问题？你准备怎么办？

成绩比较突出，得到领导的肯定是件好事情，以后我会更加努力。关于这个问题，首先，我会检讨一下自己是不是对工作的热心度超过了同事间交往的热心，以后加强同事间的交往。然后，工作中，切勿伤害别人的自尊心。最后，不在领导前拨弄是非。

最能概括你自己的 3 个词是什么？

适应能力强，抗压能力，做事有始终。

说说你对行业技术发展趋势的看法

未来前端技术将围绕智能化、高性能、多端融合三大核心发展。开发者应：

深耕垂直领域：如Web3D、AI工程化或Web3，构建技术壁垒
拥抱全栈能力：掌握Node.js、边缘函数及BaaS平台，适应模糊化的职责边界

技术迭代加速下，持续学习与跨领域协作能力将成为竞争关键。

解决团队问题
提升产品质量
提高开发效率
制定流程规范

或者成为技术+产品+业务复合型人才

根据申请的这个职位，你认为你还欠缺什么？

不够熟悉部门的 业务 + 产品 + 公司文化

快速花时间学习产品业务和项目，了解市场情况，对比竞品

‌你和别人发生过争执吗?你是怎样解决的?

‌保持冷静‌：在争执发生时，首先要控制自己的情绪，避免情绪化反应。可以通过深呼吸、平复心情‌。
‌倾听对方观点‌：认真倾听对方的诉求和观点，确认对方的诉求，避免立即反驳。
‌寻找共同点‌：努力寻找双方可以达成共识的点，提出双方都能接受的解决方案。可以通过“三选一”法则，提供三个包含对方诉求的解决方案，引导双方让步‌。
‌避免对立思维‌：不要陷入“你赢我输”的对立思维，尝试用共赢的思维方式来解决问题。体察对方的情绪和需求，给出情绪价值，避免对抗‌。
‌寻求第三方帮助‌：如果双方无法达成共识，可以寻求第三方（如权威方）的帮助，进行裁定或调解‌。

你做过的哪件事最令自己感到骄傲？

思路

选事原则：挑选与应聘岗位所需能力相关的经历，如应聘程序员选解决复杂代码难题的事；或能体现通用优势（如沟通、抗压、学习能力等）的经历。确保事件真实，有细节可阐述。
阐述结构：按 “背景 - 行动 - 结果”（STAR 法则）展开。说明面临的困难或任务背景，讲述采取的具体行动，强调过程中克服的阻碍，重点突出积极成果，如提升效率、解决问题、创造价值等。

如果你确信自己是正确的，但是其他人不赞同你，你会怎样做？

再次确认自己的观点是对的，并找到有力的论点，‌保持冷静和耐心‌
会密切关注反对者的具体反对理由，从他们的角度看待问题
第二尝试性去沟通解释，寻求支持者或者达成协议
方案落地，做出成绩，用成果说话

收到offer的7种回复话术🌟给HR留下好印象

mp.weixin.qq.com/s/6dpOKaRoK…

面试过程沟通和询问方案

mp.weixin.qq.com/s/YyZutOci3…

打招呼话术职场老手版

经理您好！
我对贵司的 Web 前端岗位很感兴趣。我有 9 年前端开发经验，熟练前端基础知识包括但不限于 H5、CSS3、ES6+、JS。6 年 Vue开发经验，熟练使用 Vue 全家桶 + Webpack + ElementUI 从 0 到 1 搭建系统框架，看了贵司的 Web 前端岗位，觉得跟我非常匹配。感希望您能考虑我的申请，期望与您进一步沟通！

怎么在招聘网上和HR沟通JD和公司的具体情况

mp.weixin.qq.com/s/TAmKd4r9g…

主要包括下面几个问题，提前问清楚，拒绝❌无效面试
⭕️ “请问上班时间和休假制度都是什么样的？”
⭕️ “适用期有多久？有试岗期吗？”（如果有试岗期，基本可以pass掉了）
⭕️ “公司有五险一金吗？一般什么时候开始交？”
⭕️ “薪资结构是怎样的？无责底薪大概是多少？”

面试前准备好这些问题，能帮助你更好地了解公司，避免浪费时间在不适合的岗位上，同时也能让面试时表现得更自信自然～

但它不是随口一问，背后其实是在看你👇

🔍是否匹配岗位
🔍有没有优势可挖掘
🔍能不能创造价值
🔍是不是目标清晰、准备充分

⚠️所以回答这类问题千万不能空谈，要这样准备思路：

✅ 先认真研究岗位JD，拆解对方蕞看重的能力
✅ 从自己经历中挑出2～3个高度匹配的核心能力
✅ 用具体事例和数据来佐证你的实力

🌟记住：面试时讲“核心竞争力”，不是要你背🐔汤，而是让你用真实案例+岗位匹配打动HR！

避雷垃圾公司方法

mp.weixin.qq.com/s/hHcSKQbPD…

面试被HR问：你还有其他的offer吗❓

mp.weixin.qq.com/s/vHnxQbGEL…

✅ 回答思路：可以说你确实有在同步了解一些岗位，但目前还在评估项目内容、平台发展、团队氛围等情况；也可以明确表示你对这个岗位很感兴趣，如果合适，会优先考虑

面试之前分析审视一下自己

当下好找工作嘛
如何写简历
如何挑选靠谱的公司
我多少多少经验能拿多少的工资
问到项目中的技术难点怎么回答
2025 年前端面试押题
如何和 HR 聊天，比如谈钱等等

项目中运用了什么技术？是怎样选型的？为什么不选择其他技术如React

怎么构建项目中的难点？让自己的项目不平凡

问题

这个项目做了什么牛逼的事情

你在项目里做了什么牛逼的事情

用了什么牛逼的技术解决了什么困难的问题

怎么构建项目中的亮点？让自己的项目不平凡

好看的皮囊千篇一律，有趣的灵魂万里挑一。面试官比较在意的还是这个项目表面上看不到并且很有趣的东西。业务，技术都可。

遇到了什么问题：页面性能问题
在这过程中你是如何排查问题的：如何排查页面性能问题的
是如何定位问题的：通过火焰图发现某段长列表加载性能有问题
最终是如何解决这个问题的：通过虚拟列表来解决长列表问题

作为 OA系统前端架构搭建的负责人，说下你做了哪些架构上的设计和优化？
你提到使用了vue生态 + webpack + qiankun来搭建xxOA系统，这些技术选型的原因是什么？
你开发的 Vue 前端组件库 xx-xx-ui ，与开源的组件库有哪些不同，在多少个系统中有使用，不同的系统怎么实现及时的版本更新？
请说下表单生成器和流程设计器的三个技术难点
你提到开发效率提升了 30% ，这个数据是怎么得出的，你具体做了哪些工作实现的这个目标？
你提到有 10 个微前端子系统，你觉得微前端架构有哪些优势。
根据你在xxOA系统中的经验，你觉得在未来的项目中，有哪些方面可以进一步改进或者优化？
【面试技巧系列】“项目亮点”怎么挖掘？

另外，我们提供一些前端项目常见的难点和亮点的tip，供大家参考。

主要是一些比较初级的tips，可以套用在任何一个项目中去，校招和初级都可以直接使用。

如何防止重复提交：在表单提交阶段，发现了重复点击的问题，巴啦啦~~~
控制请求先后顺序：promise背的很熟，实践的问题也可以套用进去
数据解析以及页面缓存：复杂的数据你如何解析的，页面缓存比如keep-alive。浏览器的缓存，背过的八股文写上去，面试官就有题目问你了，然后你回答的很流利，满分
路由懒加载：各种方式都对比一遍
前端的存储方案
断网处理
页面加载的时候发现页面空白
中后台业务组件的封装
数据持久化问题
性能优化中图片是怎么处理的

你在该项目中碰到的最大的问题是什么，你是怎么解决的？

项目最开始的时候整体框架的搭建

从这个项目中你学到了什么？

‌团队合作的重要性‌：在项目开发中，团队成员之间的有效沟通和协作是项目成功的关键。通过每日站会、用户故事拆解和回顾会议，我深刻体会到团队协作与迭代改进的重要性‌。
‌持续学习和不断实践‌：活到老学到老，不跟时代脱节，做最好的产品
‌全局观念‌：分清楚事情的轻重缓急，做最合理的计划
复盘总结，做记录

向技术面试官必问的问题

做的什么项目，什么业务，用的什么技术团队人数，配比

所在团队工作流程的介绍、以及你在团队中的定位和技术排名

问到项目中的技术难点怎么回答 `重点`

系统架构搭建权限控制

你遇到过比较难的技术问题是什么，怎么解决的 / 你遇到过最难的问题是什么

最近项目解决的一个技术难点，即项目中遇到了哪些坑？怎样解决的？

遇到的复杂业务场景

对于这个问题来说，面试官考察的就是你的学习能力以及解决问题的能力。

很多人遇到这个问题会很懵逼，感觉基本啥问题都谷歌解决了。当然如果你真的有遇到不是马上能通过谷歌解决的问题便是极好的，按照描述问题、如何解决问题、结果这几个步骤来回答就行了。

那么如果你觉得你的项目真的很简单，没有什么可说的话，就按照以下的几个思路来聊这个话题。比如说你之前从没接触过某个技术，你是如何去学习这个技术的，在学习的过程中遇到了什么问题，怎么解决的。比如说你写了这个项目，自己有了什么感悟、想法。

因为这道题目面试官不是说一定要听你讲出项目里到底遇到了什么难的问题，而是考察你的学习能力以及解决问题的能力。即使你没有什么干货可以说，说点自己的学习过程、挫折、想法感悟也是可以的，毕竟总比说感觉都很简单来的好。

工作收获

‌团队合作的重要性‌：在项目开发中，团队成员之间的有效沟通和协作是项目成功的关键。通过每日站会、用户故事拆解和回顾会议，我深刻体会到团队协作与迭代改进的重要性‌。
‌持续学习和不断实践‌：活到老学到老，不跟时代脱节，做最好的产品
‌全局观念‌：分清楚事情的轻重缓急，复杂问题拆解能力，做最合理的计划
复盘总结，技术沉淀，做记录，快速复用

在技术攻坚与项目实践中，开发者获得的成长往往远超代码本身。以下是基于典型技术难题解决后的多维职业收获框架，适用于前端及其他技术岗位：

一、技术能力的跃迁

1. 深度技术沉淀

框架原理掌握：通过性能优化深入理解Virtual DOM diff算法、浏览器渲染管线
工程化思维：构建从开发到监控的完整工具链（如自动化埋点系统）
架构设计能力：设计微前端沙箱方案，掌握样式隔离、JS隔离等核心技术

2. 技术广度拓展

graph LR
A[前端核心] --> B[Node.js中间层开发]
A --> C[WebAssembly性能优化]
A --> D[移动端Hybrid调试]

3. 解决方案标准化

将复杂表单优化方案抽象为可复用的HOC组件
提炼性能优化checklist，形成团队技术规范文档

二、软技能的升级

1. 复杂问题拆解能力

建立「问题树」分析模型：

核心问题
├─ 技术维度：DOM渲染压力
├─ 产品维度：交互体验断层
└─ 业务维度：转化率损失

2. 跨团队协作范式

与后端制定数据协议规范（Protobuf替代JSON）
推动QA建立Lighthouse自动化测试流水线

3. 技术决策方法论

技术选型评估矩阵：

方案维护成本性能收益团队适配度
iframe方案高中低
微前端中高高

方案	维护成本	性能收益	团队适配度
iframe方案	高	中	低
微前端	中	高	高

三、职业价值的提升

1. 业务影响力构建

性能优化直接提升关键指标：
- 首屏加载时间2.4s→1.1s → 用户留存率+15%
- 表单提交成功率68%→89% → 季度GMV增长$230K

2. 技术领导力萌芽

主导前端技术雷达制定
培养团队成员掌握Webpack插件开发能力

3. 行业竞争力储备

获得云原生前端实战经验（Serverless SSR）
积累专利/技术文章等显性资产

四、认知维度的突破

1. 技术价值认知

从「实现需求」到「驱动业务」的转变
理解技术投入的ROI计算模型

2. 职业发展视角

建立「T型能力」发展路径：

深度：React渲染性能优化专家
广度：跨端开发（小程序/Electron）
高度：技术方案商业化能力

3. 工程哲学形成

提出「前端可靠性工程」理念：
- 监控覆盖率 > 99%
- 自动化测试通过率100%
- 线上故障恢复时间 < 15min

五、可复用的方法论

技术问题分析框架
- 使用5Why分析法定位根因
- 通过SWOT评估技术方案

成果转化模板

## [项目名称]技术复盘
### 1. 问题背景
- 业务影响：转化漏斗流失率38%  
### 2. 技术方案
- 关键创新：虚拟滚动+Web Worker计算  
### 3. 长期价值
- 沉淀组件库form-render-v2  
- 输出专利《XX方法》

职业发展杠杆
- 将技术成果转化为晋升答辩案例
- 把复杂问题解决过程包装为技术分享课程

这些收获共同构成了技术人的核心竞争力护城河。每一次技术攻坚都是对「解决问题能力」的系统性升级，而这种能力正是应对行业变革的最佳武器。您在项目中是否也有类似的体系化收获？

经常去什么技术网站？读过什么书？

掘金：高质量技术文章聚合，涵盖前沿框架（如SolidJS、Qwik）和工程化实践
思否（SegmentFault）：问答社区，适合解决开发中的疑难问题
github
微信读书

CSS揭秘：（Lea Verou）：通过47个案例解析CSS3高级技巧，如垂直居中、网格布局
你不知道的JavaScript：“你不知道的JavaScript”系列就是要让不求甚解的JavaScript开发者迎难而上，深入语言内部，弄清楚JavaScript每一个零部件的用途，轻松理解前端圈里出现的各种技术、框架和流行术语。
图解HTTP HTTP权威指南
白帽子讲Web安全：本书根据安全宝副总裁吴翰清之前在互联网公司若干年的实际工作经验而写成，在解决方案上具有极强的可操作性；深入分析诸多错误的方法及误区，对安全工作者有很好的参考价值；对安全开发流程与运营的介绍，同样具有深刻的行业指导意义。《纪念版》与前版内容相同，仅为纪念原作以多种语言在全球发行的特殊版本，请读者按需选用。
Vue.js设计与实现 霍春阳
Webpack实战：入门、进阶与调优（第2版）居玉皓这是一本讲解如何使用Webpack构建现代Web应用的著作。第1版豆瓣评分8.6，京东和当当好评率近99.9%，是前端领域的畅销书，被读者公认为是Webpack领域的标准性著作。全书围绕Webpack的功能特性、工作原理、性能优化、项目实战4个维度展开，从基本的使用场景到复杂的应用实例，再到系统性的优化，由浅入深讲解Webpack的各个特性，同时剖析其背后的工作原理，让读者能零基础快速掌握Webpack并轻松实现进阶。作者是资深的前端技术专家，是知名开源打包工具YKit的主导者和核心开发者，也是Webpack坚定不移的布道者。本书内容全部来自作者的实战经验，尽量避开了网络上已经发表的各种公开资料，思路简洁、深入，原理与实操并重。与第1版相比，第2版做了如下更新：（1）结合Webpack的技术，对全书内容进行了更新；（2）收集并分析了读者对第1版的反馈，完善了第1版的不足之处；（3）新增了分析Webpack打包原理的章节；（4）新增了2个关于React和Vue的综合案例。相比第1版，第2版内容更新、更全、更深入，实战性更强。

二、书籍推荐

1. 核心语言

《JavaScript高级程序设计（4版）》（红宝书）：覆盖ES6+特性、异步编程及TypeScript基础，被业界誉为经典
《你不知道的JavaScript》系列（上中下卷）：深入闭包、原型链等核心机制，适合进阶学习

2. CSS与设计

《CSS揭秘》（Lea Verou）：通过47个案例解析CSS3高级技巧，如网格布局、混合模式
《响应式Web设计》（Ben Frain）：结合Flexbox和Grid实现跨设备适配方案

3. 框架与工程化

《Vue.js设计与实现》（霍春阳）：解析Vue3响应式原理、编译器和运行时优化
《前端工程化：体系设计与践》（周俊鹏）：从构建工具到微前端架构，覆盖全链路工程化方案

4. 性能与架构

《高性能JavaScript》（Nicholas Zakas）：优化DOM操作、内存管理及Web Worker应用
《WebAssembly实战》：探索WASM在前端高性能计算、游戏开发中的应用

5. 新兴领域

《WebXR开发指南》：结合WebGPU和WebXR API开发元宇宙应用
《智能UI：AI驱动的前端开》：探讨AI辅助代码生成与动态界面适配技术

最近在看什么书? 怎么学习的前端知识? 保持自我学习?

最近看的是AI方面的东西

掘金文章
微信公众号/读书
官方知道文档

怎么学习的前端知识

微信读书找一本简单的评论高的书，快速学习，初步了解
结合书本项目敲一遍代码
github clone 优秀的项目模仿学习
后续结合官方API文档或者高阶书籍（你不懂的JS）进阶

前端工程师技术网站与书籍推荐指南

（截至2025年5月，结合最新技术趋势整理）

一、技术网站推荐

1. 综合学习平台

W3School：覆盖HTML5、CSS3、JavaScript及主流框架的教程，提供在线代码练习环境。
MDN Web Docs：Mozilla维护的权威Web开发文档，涵盖浏览器API、标准规范及最佳实践。
菜鸟教程：适合快速入门，提供多语言基础教程和实例代码片段。

2. 框架/库官方资源

Vue.js官网：中文文档详尽，适合学习Vue3新特性和生态工具（如Pinia、Vite）。
React官网：包含最新React Hooks、Server Components及Next.js集成方案。
Webpack中文网：工程化必备，详解模块打包、性能优化及插件开发。

3. 开发工具与调试

CodePen：在线代码沙盒，支持实时预览和社区作品分享，适合快速验证创意。
JSFiddle：轻量级调试工具，常用于分享代码片段和解决技术问题。
Chrome DevTools Docs：官方指南，深入解析性能分析、内存泄漏排查等高级技巧。

4. 技术社区与博客

掘金：高质量技术文章聚合，涵盖前沿框架（如SolidJS、Qwik）和工程化实践。
思否（SegmentFault）：问答社区，适合解决开发中的疑难问题。
CSDN博客：国内开发者活跃地，可订阅前端专栏（如张鑫旭、大漠等专家）。

5. 设计资源与灵感

Codecademy Design：交互设计案例库，提供动效实现代码。
Awwwards：全球顶尖网页设计展示，激发创意灵感。

二、书籍推荐

1. 核心语言

《JavaScript高级程序设计（4版）》（红宝书）：覆盖ES6+特性、异步编程及TypeScript基础，被业界誉为经典。
《你不知道的JavaScript》系列（上中下卷）：深入闭包、原型链等核心机制，适合进阶学习。

2. CSS与设计

《CSS揭秘》（Lea Verou）：通过87个案例解析CSS3高级技巧，如网格布局、混合模式。
《响应式Web设计》（Ben Frain）：结合Flexbox和Grid实现跨设备适配方案。

3. 框架与工程化

《Vue.js设计与实现》（霍春阳）：解析Vue3响应式原理、编译器和运行时优化。
《前端工程化：体系设计与践》（周俊鹏）：从构建工具到微前端架构，覆盖全链路工程化方案。

4. 性能与架构

《高性能JavaScript》（Nicholas Zakas）：优化DOM操作、内存管理及Web Worker应用。
《WebAssembly实战》：探索WASM在前端高性能计算、游戏开发中的应用。

5. 新兴领域

《WebXR开发指南》：结合WebGPU和WebXR API开发元宇宙应用。
《智能UI：AI驱动的前端开》：探讨AI辅助代码生成与动态界面适配技术。

三、学习建议

实践优先：通过CodePen、GitHub（如「30-seconds-of-code」仓库）积累代码片段。
订阅RSS：使用Inoreader等工具聚合MDN、掘金专栏的更新内容。
参与开源：从Vue/React生态的小型插件入手，逐步深入框架源码。

扩展资源：

国外优质博客：Smashing Magazine（设计趋势）、Dev.to（开发者社区）。
技术雷达：关注ThoughtWorks年度报告，获取工具链选型建议。

如需完整书单或网站列表，可参考CSDN文库或掘金专题。

个人兴趣爱好

登山跑步

为什么要从事前端?

大学专业，对前端的热爱

最近做的最成功的一次分享是什么?

用trae build智能体，根据项目需求自动基建，前后台管理系统

说一件你做的最酷的事情是什么

就是大学的时候亲自组织过一次大学生回乡支教活动，并且成立了一个支教活动团体，每年都保持支教的传统

对于加班的看法

我是不赞同企业任何的加班文化的，加班的效率真的是很低很低的，而且造成加班很大一部分原因是因为项目安排不合理，其实更应该是合理的安排，让出更多的时间来学习成长，这样子就不会走进一个加班的死循环。由于个人的起点较低，近4年都几乎处于加班的状态，忽略了生活，学习，交际等等事情，刚开始觉得无所谓，到最近才发现，自己和别人的差距一直在变大，所以我更希望如果作为Leader更应该优化项目安排，提高效率，给下属腾出更多的时间来提升自己，提高效率。

一个大型项目如何分配前端开发的工作

需求（手机、分析科、评审）文档确认
UI设计稿的功能分析确认，开发时间评估
技术栈确认框架搭建，开发规范文档确认
功能模块分工——时间点完成
按时开发功能，代码review，每天晨会技术跟进，问题探讨
周计划项目总结

面试技巧

确定核心诉求、筛选目标公司
一份确保可以拿到 offer 的简历
打磨自我介绍
打磨项目介绍
面试录音（征得许可后）、面后复盘
私下与业务负责人互动
offer 谈判

以上问题请不要太如实回答，回答的时候请再配上一个具体的案例，案例的基本套路上面有讲，能编成有意思的段子最好，案例可在多个问题中复用，真实面试的时候，请装的越真越好。如果你能明白以上这些点，其实我面试时候的题目就不那么重要了，不过想必你肯定很好奇，所以我也来讲一讲。

多聊天拖延时间

Web前端面试禁忌与避坑指南（全维度解析）

一、技术面试禁忌与避坑

1. 技术原理浅尝辄止

禁忌表现：

- 仅回答框架API用法，无法解释底层机制（如React Fiber调度原理、Vue3 Proxy实现细节）。
- 对浏览器渲染流程停留在“DOM树→渲染树”层面，无法深入合成层优化、GPU加速策略。

避坑策略：

- 源码级理解：针对常用框架（React/Vue）至少掌握3个核心模块实现逻辑（如虚拟DOM Diff算法）。
- 原理串联：用“问题链”方式自问自答（如：事件循环 → 宏任务/微任务 → 框架批量更新机制）。

2. 项目陈述缺乏技术深度

禁忌案例：

- “我负责开发了一个管理系统，用了Vue和Element UI”。
- “优化了页面性能，速度变快了”。

避坑方法：

- STAR-R法则升级版：

- Situation：日均UV 50万的教育平台出现首屏加载缓慢（LCP>4s）  
- Task：需在2周内将LCP降至2s内且不影响业务功能  
- Action：  
  ① Webpack分包策略优化（按路由动态加载+预取）  
  ② 服务端渲染改造（Nuxt.js + 缓存策略）  
  ③ 图片懒加载+WebP格式降级方案  
- Result：LCP从4.2s→1.5s，用户留存率提升8%  
- Reflection：SSR方案导致服务器成本增加15%，后续改用静态生成（SSG）平衡性能与成本

- 技术决策对比：列出备选方案权衡表，如选择Webpack而非Vite的原因（生态兼容性考量）。

3. 编码测试常见失误

高频踩坑点：

- 忽略异常处理（如未考虑API请求失败、空数据场景）。
- 变量命名随意（使用data1、temp等无意义名称）。
- 算法题只追求AC，未优化时间复杂度（如暴力解O(n²)未优化为O(n)）。

避坑技巧：

- 代码规范：面试前默写《Airbnb JavaScript Style Guide》核心条款。
- 解题模板：

// 示例：手写Promise.all  
function promiseAll(promises) {  
  return new Promise((resolve, reject) => {  
    let results = [];  
    let completed = 0;  
    if (promises.length === 0) resolve(results); // 边界条件处理  
    promises.forEach((promise, index) => {  
      Promise.resolve(promise)  // 处理非Promise输入  
        .then(res => {  
          results[index] = res;  
          completed++;  
          if (completed === promises.length) resolve(results);  
        })  
        .catch(reject); // 任一失败立即终止  
    });  
  });  
}

二、行为面试禁忌与避坑

1. 团队协作问题回答误区

错误示范：

- “和产品经理有分歧时，我会坚持技术方案的正确性”。
- “项目延期是因为后端接口没按时完成”。

正确策略：

- 冲突解决模型：

1. 倾听需求背景（如：产品要求缩短工期因市场窗口期）  
2. 提供数据支撑（如：当前排期风险评估报告）  
3. 提出替代方案（如：MVP版本先行上线核心功能）  
4. 达成共识并记录（会议纪要+各方确认）

- 责任归因话术：
  “虽然外部因素存在，但我主动做了以下补救措施：① 每日同步进度 ② 提前准备兜底方案”。

2. 职业规划回答雷区

禁忌回答：

- “希望三年内做到技术总监”。（显得急于求成）
- “暂时没考虑，先做好当前工作”。（缺乏目标感）

高情商回答：

- 技术路线：
  “未来2-3年希望在前端工程化领域深耕，成为团队工具链建设的核心推动者，同时持续输出开源项目反哺社区”。
- 管理路线：
  “计划在提升技术深度的同时，学习项目管理方法论（如PMP），目标是能带领团队完成复杂系统的架构设计与落地”。

三、沟通与态度禁忌

1. 技术傲慢与过度谦卑

危险信号：

- 贬低其他技术栈（如：“jQuery早就过时了，用的人水平都不行”）。
- 对未知领域含糊其辞（如：“这个我没接触过，可能做不了”）。

平衡策略：

- 技术包容性：
  “jQuery在遗留系统维护中仍有价值，但我们团队在新项目中更倾向用现代框架提升开发效率”。
- 学习能力展示：
  “虽然未直接使用过WebAssembly，但我研究过Emscripten工具链，能在两周内快速上手”。

2. 对公司调研不足

致命错误：

- 混淆公司业务（如：应聘阿里云却大谈电商场景经验）。
- 不了解技术生态（如：投递字节跳动却问是否必须用React）。

深度调研方法：

- 技术侧写：

- - 查看公司技术博客（如：腾讯AlloyTeam）。
  - 分析GitHub开源项目（如：Ant Design、Taro）。

- 业务关联：
  将过往经验与目标业务挂钩（如：”我主导的医疗可视化项目，与贵司智慧城市数据大屏需求高度匹配“）。

四、高阶避坑策略

1. 系统设计环节陷阱

常见失误：

- 直接跳入细节实现（如：一上来就讨论组件Props设计）。
- 忽略扩展性考量（如：未设计水平扩容方案）。

结构化应对：

1. 明确需求：确认用户量级（日活/并发）、核心指标（性能/稳定性）。
2. 架构分层：展示“前端 → BFF → 微服务”的分层设计。
3. 关键技术选型：对比方案优劣（如SSR vs CSR vs Edge SSR）。
4. 容灾设计：降级策略（如CDN静态页回退）、监控报警方案。

2. 薪资谈判禁忌

错误操作：

- 过早透露底线（如：“我的期望是30k左右”）。
- 只关注现金工资，忽略股票/期权/福利。

谈判技巧：

- 延迟报价：“更看重发展机会，希望先了解公司的薪资结构”。
- 总包计算：将现有薪资拆解为“现金+股票+补贴+福利”，要求新Offer全面对标。
- 替代方案：若薪资未达预期，可争取签字费、额外假期或远程办公权限。

五、面试后注意事项

1. 跟进沟通禁忌

错误示范：

- 频繁催促HR反馈（如每天发消息询问进度）。
- 在社交平台公开讨论面试细节。

专业做法：

- 感谢信模板：

主题：感谢面试机会及技术补充  
内容：  
① 感谢面试官的时间  
② 补充面试中未完全展开的技术点（附技术博客链接）  
③ 表达对岗位的热情

- 周期跟进：若7个工作日内未回复，可礼貌询问进展。

2. Offer选择误区

踩坑行为：

- 仅比较薪资数字，忽视技术成长性。
- 轻信口头承诺（如“半年后肯定晋升”）。

评估模型：

维度	权重	评估方法
技术挑战	30%	是否有复杂系统建设机会
团队水平	25%	成员背景（GitHub/LinkedIn分析）
晋升路径	20%	公司职级体系是否透明
工作强度	15%	通过脉脉/看准网匿名评价验证
薪资福利	10%	综合现金+长期激励

总结：面试本质是价值交换

核心逻辑：证明你能解决公司现存问题（性能瓶颈、技术债务、团队效能）。
差异化竞争：将9年经验转化为“复杂系统设计能力+技术决策影响力+跨团队协作经验”。
风险控制：通过反向调研（团队离职率、项目存活率）避免“入职即入坑”。

掌握以上避坑策略，不仅能规避80%的常见失误，更能将面试转化为展示技术领导力的舞台。

项目中的业务是咋样的？怎么说阐述自己的业务是比较有价值的

问题：这个项目的业务背景是什么，在业务上有什么比较牛逼的地方，推动了业务如何运行等等

访问量是多少？
比较牛逼的业务的地方？
客户有哪些？
每年业绩指标是多少？
和竞品相比，优势在哪儿？
怎么去推广自己的产品，转化率

web前端主观面试题

web前端工程师怎么做自我介绍

为什么从上一家公司离职

详细看 HR认可的六大离职原因❗年后换工作就这么说

​​基础原则​​

​​心理建设建议​​

关于不会的问题

近期/三年或者五年的职业规划是什么？(考察题)

🤔回答思路

😎回答公式

面试官问：你的核心竞争力？满分回答❗

你如何评价自己？你朋友对你的评价？(考察题)

我认为自己是个责任心强、适应力不错的人。

朋友对我的评价

🤔回答思路

工作中遇到最大的困难？你是如何解决的？(压力测试题）

🤔回答思路

😀回答公式

💬参考话术

和上司意见不合时，你会怎么处理？（考察题）

🤔回答思路

💬参考话术

你希望与什么样的上级共事？(考察题)

🤔回答思路

💬参考话术

你为什么选择这个岗位？（挖坑题）

🤔回答思路

💬参考话术

为什么选择我们公司？(挖坑题)

🤔回答思路

😀回答公式

💬参考话术

你对我们公司了解多少？（挖坑题）

🤔回答思路

💬参考话术

你是 0 经验 / 经验不足，如何能够胜任这份工作？(考察题)

🤔回答思路

😀回答公式

💬参考话术

你会如何处理工作中的压力？(压力测试题)

🤔回答思路

💬参考话术

让你带领一个团队完成项目，你会怎么做？(压力测试题)

🤔回答思路

💬参考话术

刚去一个新部门，让你带领一个团队完成项目，你会怎么做？(压力测试题)

🤔回答思路

💬参考话术

入职后发现自己不适合这个职位你会怎么做？(压力测试题)

🤔回答思路

😀回答公式

💬参考话术

你还有什么想问的吗？(挖坑题)

🤔回答思路

💬参考话术

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

面试时问你最大的缺点是什么，应该怎么完美的回答

面试官真正在考察什么？​​

注意公司签订合同期限是多久

试用期时长 / 工资结构 / 绩效分成比例 以及绩效考核

你能接受加班吗？

你如何看待加班？（压力测试题）

🤔回答思路

💬参考话术

・✘错误回答举例：

✔高情商回答：

你如何看待学历和能力？（压力测试题）

🤔回答思路

💬参考话术

你期望的薪资暂时没法达到呢？(挖坑题)

🤔回答思路

😀回答公式

💬参考话术

你期望的薪资是怎么样的？（试探题）

🤔回答思路

您最快可以什么时候入职 / 什么时候能入职？（试探题）

🤔回答思路

・【回答公式】：

💬参考话术

面试了哪些公司，是否有offer （挖坑题）

基础原则

心理建设建议

面试官真正在考察什么？

试用期时长 / 工资结构 / 绩效分成比例以及绩效考核

说说你对行业技术发展趋势的看法

问到项目中的技术难点怎么回答 `重点`

1. 深度技术沉淀

2. 技术广度拓展

3. 解决方案标准化

1. 复杂问题拆解能力

2. 跨团队协作范式

3. 技术决策方法论

1. 业务影响力构建

2. 技术领导力萌芽

3. 行业竞争力储备

1. 技术价值认知

2. 职业发展视角

3. 工程哲学形成