1. 春招前的准备别等到海投时才慌张每年的春季暑期实习招聘基本都在三月初陆续开闸大部分互联网公司会在这个时间点放出大量实习生岗位。我当时的目标很明确赶在暑期前锁定一份前端开发实习所以从二月底就陆续开始改简历、刷题、看面经。如果你现在还处于“觉得自己没准备好”的状态我的建议是先投出去再说。面试本身就是最快的学习方式没有之一。前端面试在2019年这个时间节点其实已经非常卷了不是会写几个页面、调几个接口就能过面试的水平。你需要同时具备扎实的JavaScript基础、框架源码层面的理解、工程化意识以及一定的算法能力。尤其是头部大厂考察的深度和广度都远超学校课程覆盖的范围。我当时把牛客网的面经区、掘金的前端板块、知乎上的面试经验帖都翻了个遍总结出几条高频考点然后逐项准备。简历方面我踩过最大的坑是堆砌项目列表但不说结果。后来我把每个项目都改写成“项目背景 我的职责 技术难点 最终效果”的结构效果明显好多了。面试官基本都会从简历上的项目切入提问所以写上去的东西一定要能讲透尤其是技术难点和解决方案这往往是整场面试的基调。关于投递节奏我的做法是分三批第一批投最想去的、但把握不大的公司用于积累面试经验第二批投匹配度中等、能保底的第三批再补投一些中小厂用来练手。这样安排的好处是等你面到心仪的公司时已经积累了两三轮真实面试的手感心态也会稳很多。2. 知识体系怎么搭从JS基础到框架原理2.1 JavaScript 核心闭包、this、原型链是必考题JavaScript是前端面试的绝对核心不管面什么岗位JS都是绕不开的重头戏。我当时把三样东西反复嚼了很多遍闭包、this指向、原型链。面试官通常不会直接问概念而是给一段代码让你说输出结果。比如经典的for循环加setTimeout打印索引问题考察的就是var和let在循环中的差异本质上是对作用域和闭包的理解。闭包的考察重点有两个方向一是能不能说清楚什么是闭包、闭包会造成什么问题二是能不能现场写出利用闭包实现私有变量或函数柯里化的代码。原型链的重点则是理解prototype和__proto__的关系以及如何基于原型链实现继承。我建议把这些基础问题整理成自己的题解文档不要背答案而是用自己的话写一遍推导过程这样面试时无论问题怎么变化都能接住。还有一块容易被忽视的是ES6新增特性。Promise、async/await、解构赋值、箭头函数、Map和Set、模块化这些几乎必考。特别是Promise面试官喜欢让你手写Promise.all、Promise.race或者让分析一段Promise链式调用的执行顺序。这块一定要自己动手实现一遍光看资料等于白看。2.2 CSS和浏览器知识布局、渲染、缓存一个都不能少CSS面试题在2019年已经不只是“水平垂直居中”这种基础题了。Flex和Grid布局是必问的关键是不仅要会用还要能说清楚它们的适用场景和兼容性。比如Flex做一维布局很顺手但遇到复杂的二维布局就会比较别扭这时候Grid更合适。我当时的做法是把常用的布局场景都手写一遍做一个布局图鉴包括圣杯布局、双飞翼布局、吸顶、粘性定位等。浏览器相关的知识同样重要尤其是从输入URL到页面呈现的整个过程。这一个问题几乎可以串起DNS解析、TCP连接、HTTP请求、渲染引擎解析HTML和CSS、JavaScript执行、回流和重绘等一整条链路。建议花时间把这个过程从头到尾彻底搞明白因为它是一道能展示你知识体系完整度的高频题答得好会让面试官眼前一亮。HTTP缓存也是一大考点强缓存和协商缓存的区别、Cache-Control和Expires的关系、ETag和Last-Modified的优先级这些都要背熟并且能结合实际场景分析。举例来说打包后的静态资源文件名带hash就是为了配合强缓存而index.html需要做协商缓存甚至不缓存这就是在工程中的典型应用。2.3 框架源码Vue和React至少要精通一个2019年前端框架已经进入Vue和React两分天下的局面。面试时通常不会直接让你手写框架源码但一定会问实现原理和设计思想。我当时主攻的是Vue 2.x所以把响应式原理、虚拟DOM、Diff算法、nextTick实现、组件通信方式都啃了一遍。数据响应式这块建议亲手断点调试一遍Vue源码真正理解Observer、Dep、Watcher三者是怎么协作的。如果你面的是字节这类比较重视React的团队那Hooks相关的问题就躲不掉了。useState和useEffect的实现机制、为什么不能在循环里调用Hooks、Fiber架构解决了什么问题这些都是高频考点。我的建议是不管用没用过React至少把官方文档里关于Hooks设计动机的部分读透它能帮你回答很多“为什么”。框架知识最重要的是能说出“为什么这么设计”而不是单纯背结论。比如Vue的Dep为什么要有target这个静态属性React的Fiber为什么要做时间切片这些问题往深了问都是在考察你是否真正理解框架的核心思想。切忌只背面试题答案因为面试官一定会追问到你答不上来为止。2.4 算法和数据结构剑指Offer刷两遍是基本操作前端岗位的算法考察难度总体比后端低一些但头部公司的面试仍然会考中等难度左右的题目。我在春招前把剑指Offer刷了两遍LeetCode按标签刷了大概150道重点关注数组、字符串、链表、二叉树、动态规划和栈/队列这些方向。面试中实际被问到的题大部分都能在剑指Offer里找到原型。二叉树的遍历是必考点前序中序后序和层序遍历都要能熟练写出递归和迭代两种版本。链表题的常用技巧是快慢指针和虚拟头节点。动态规划如果时间不够至少要掌握斐波那契、爬楼梯这类基础题型的套路。写代码的时候一定要边写边说思路把时间复杂度和空间复杂度分析说出来这比闷头写对更让面试官加分。3. 面试环节实录从一面到HR面全流程复盘3.1 一面基础技术面和手写代码我面的第一家是某头部大厂的前端团队一面基本是按照“自我介绍 - 项目深挖 - 基础JS - 手写代码 - 反问环节”这个流程走的。自我介绍千万不要复述简历面试官已经看过简历了你需要补充的是简历上没有的、能体现你特点的内容。我当时除了介绍技术栈还特意讲了自己维护个人博客的习惯这个点在后来的面试中多次引起面试官的共鸣。项目深挖环节面试官会挑一个你简历上的项目从技术选型到具体实现一路追问下去。比如我的项目用了Vue全家桶面试官会问为什么选Vue而不选React、路由懒加载怎么实现的、状态管理为什么用Vuex、数据量大会不会遇到性能瓶颈。这些问题没有标准答案但你必须能自圆其说而且要能给出具体的数据和案例支撑。手写代码环节我遇到的题目是手写一个防抖函数和节流函数然后追问它们的适用场景和区别。这道题后来几乎每次面试都考所以准备的时候我建议不仅要能写出来还要能说出防抖适合处理输入搜索、节流适合处理滚动事件这类实际应用。另外手写Array.prototype.reduce、bind、debounce、throttle这些都是出现频率极高的题每个都值得提前练熟。3.2 二面项目深挖和设计思路二面通常会更侧重项目细节和设计能力。面试官会拿你项目里的一句话然后围绕这句展开持续追问直到你说不出话为止。这就是所谓的“深挖到底”式提问。我遇到过最狠的一次被追问了将近二十分钟从“你的组件库按需加载怎么做”一路问到“如果两个组件之间有复杂的状态同步你还会用Vuex吗”。应对二面的关键是不要给自己挖坑。简历上写的每一个技术点都要能展开讲半小时以上。我在面某电商公司时简历里写了“实现前端性能监控”结果被面试官追问了Performance API的细节、长任务的监听方式、错误上报的采样策略这些问题我其实没有完全实践过但因为有提前查阅资料所以勉强接住了。从那之后我明白了一个道理简历上的内容要么写得保守一点要么提前把所有可能被追问的角度都准备一遍。设计题在二面也比较常见比如“如果让你设计一个图片懒加载组件你会怎么做”“怎么设计一套前端错误监控体系”。这种题没有标准答案考察的是思路是否清晰、考虑是否全面。我的答题框架一般是需求分析 - 技术选型 - 核心实现 - 边界处理 - 优化方向。按这个框架来至少不会冷场。3.3 HR面技术和软实力之外的考察点很多人以为HR面就是走过场其实春招实习的HR面淘汰率并不低。HR主要考察你的稳定性、沟通能力和团队匹配度。最常见的问题有你为什么选择我们公司、你未来三到五年的职业规划是什么、你遇到过最大的困难是什么、怎么解决的。这些问题最好提前准备好不要临场发挥。关于职业规划我觉得比较稳妥的回答思路是短期聚焦技术深度中长期兼顾业务理解和带团队的能力。我们作为实习生千万不要表达出“我实习只是来积累经验毕业后要考研/出国”之类的态度那样基本等于自断后路。表达对公司和团队的热情也很重要可以提前去了解这家公司的技术博客、开源项目在HR面时提一嘴会留下不错的印象。HR面还会问期望薪资和到岗时间的问题。实习薪资一般有固定的区间建议回答一个区间而不是一个具体数字。到岗时间尽量不要拖太久最好的答案是“随时可以到岗”这会直接提升你的竞争力。4. 常见问题与避坑指南4.1 只知道用不知道原理被一问就露馅很多初学者习惯用框架但从不看源码导致面试时被问到“Vue中v-if和v-show的区别”都只能说出一半。这类问题看似简单但面试官绝不会只满足于表面答案。比如v-if是真正的条件渲染v-show只是切换display属性但如果继续追问“为什么v-show切换display不会触发重排”能答上来的人就少了一大截。避坑的方法是每学一个技术点都强迫自己追问三个“为什么”。为什么Vue要用虚拟DOM为什么React的setState是异步的为什么浏览器渲染时CSS会阻塞DOM解析。这个过程不能只是在脑子里过最好写出来。我当时建了一个叫“面试自问自答”的文档陆陆续续写了三万多字这些内容后来都成了复习的核心资料。4.2 项目经验太少或太水没东西可讲这是很多在校生都会面临的问题毕竟不是每个人都有机会参与真实的商业项目。我的建议是自己造轮子。可以从这几个方向选一个写一个简易的MVVM框架、开发一个Chrome插件、做一个数据可视化大屏、或者写一个全栈应用。重点不是项目本身有多大而是你在这个项目里是否真的解决了问题、是否踩过坑、是否有自己的思考。我当时自己写过一个基于Canvas的流程图编辑器虽然功能很简单但涉及了拖拽、缩放、坐标转换、事件处理等很多前端核心技术点。这个项目在面试中给了我大量可以讲的素材比如坐标转换是怎么做的、性能优化用了什么手段、如果支持多人协作应该怎么设计数据结构。可以说这个项目帮我拿到了至少三分之一的offer。4.3 心态崩了面完一场就怀疑人生春招面试的节奏通常是每天一两场面完一场确实很容易心态波动。尤其是遇到连续几场都答得不好的时候真的会怀疑自己是不是不适合做前端。我自己的经验是把面试当成一次学习机会而不是一场考试心态就会好很多。每次面完试我第一件事就是把被问到但没答上来的题目记下来然后花一晚上的时间把它搞懂。这样做有两个好处一是把面试的挫败感转化为学习动力二是积累的错题集在后续面试中直接变成加分项因为大部分公司的面试题都有很高的重合度。还有一个小技巧是控制面试的节奏。遇到不会的问题不要直接说“不知道”可以尝试说“这块我之前了解不多但按照我的理解可能是这样……”然后尽量给出一个分析过程。面试官其实更看重你面对未知问题的思考方式而不是答案本身是否完美。4.4 踩过的坑简历写太满、到岗时间答太晚简历写太满的问题前面已经说过这里再补充一点不要为了凑篇幅把英语四六级、奖学金这些全都堆上去前端方向的面试官更想看到的是你的技术热情和实际产出。技术栈的熟练程度也要如实标注“熟悉”“了解”“精通”三个词之间的差别很大千万不要随便写“精通”。我在某次面试中被问到一个简历上写“精通Vue”的人应该知道的问题答不上来之后明显感觉面试官的态度变了。到岗时间这个问题也值得注意。有些公司会提前锁定实习生名额如果你的到岗时间太晚HC可能就没有了。我的经验是先给一个早的到岗时间拿到offer后续如果真有变数再提前和HR沟通大部分公司都是可以协商的。切记不要在HR面阶段就表现得过于“见机行事”而是表现出对公司机会的珍惜。5. 不同公司面试风格对比大厂、独角兽、中小厂各有什么不同我整个春招下来面了大概十家公司涵盖头部大厂、独角兽公司和中小型创业公司。大厂的面试流程普遍规范通常是三轮技术面加一轮HR面每一轮都有明确的考察侧重点。一面考基础、二面考深度、三面考综合能力而且每轮面试官都会让你写代码算法题是标配。大厂的优点是流程清晰、反馈及时缺点是考察范围广准备起来压力比较大。独角兽公司的面试风格和大厂比较接近但会更注重项目经验和岗位匹配度。他们通常希望你来了就能干活所以对技术栈的熟练度要求很高。如果你面试的团队用的React技术栈而你平时用的是Vue那基本会被问到深度对比甚至需要你现场用React写一个小组件。这类公司坑位少但竞争也同样激烈。中小厂的面试则比较随性可能两轮面试就发offer。考察重点是项目经历和实际动手能力对原理层面的要求相对宽松。不过也有例外一些技术驱动型的中小团队问得比大厂还深我当时面了一家做数据可视化的公司二面直接让我现场实现一个简单的图表库难度不低。所以无论面什么公司都不要存侥幸心理认真准备才是唯一的捷径。关于怎么通过面试风格判断团队水平我个人的经验是如果面试官在追问时能给出有效的引导说明这个团队有带人的能力如果面试官全程面无表情对回答不置可否那就要考虑这个团队是否适合实习生成长。面试从来都是双向选择留意这些细节能帮你避开一些不太友好的团队。6. 春招结束后offer选择与暑期安排整个春招以一个不错的结果收尾我拿到了两个大厂实习offer和两家中小厂的offer最终选择了其中一家业务与技术栈都更匹配的大厂。选择的时候我主要考虑了三个因素业务方向是否感兴趣、团队技术氛围是否浓厚、实习转正率的高低。第一个因素决定了工作是否有热情第二个因素决定了这段经历能学到多少东西第三个因素则关系到毕业时的工作去向。如果拿到多个offer建议不要只看名气和薪资更要关注你即将加入的具体小组在做什么业务。同一个公司里不同团队的工作体验差异可能非常大有的团队技术基建成熟、mentor带人有耐心有的团队则长期处于业务高压之下实习生进去主要是做重复性工作。去之前可以通过脉脉、掘金、牛客等平台搜索一下目标团队的口碑也可以直接找在该公司实习过的学长学姐打听。暑期实习的节奏其实比春招还要快。入职第一周基本是看文档、配环境、熟悉代码仓库第二周开始就会真正上手一些小需求。这个阶段最重要的不是产出多大多好的功能而是快速建立对代码库的整体认知核心模块有哪些、数据流怎么走、公共组件放在哪里、发布流程是什么。遇到不懂的地方不要憋着大胆去问同事但前提是自己先做过充分的排查。在实习中有一个点我想特别提一下代码评审时被指出的问题一定要用文档记录下来因为你大概率会在后续的需求里再次遇到。我发现那些成长快的实习生通常都有一个共同习惯——复盘。每周花一点时间把自己做过的需求、踩过的坑、学到的技巧写下来几个月后回头看你会明显感受到自己的进步。这种复盘的思维方式也是面试时讲项目有底层逻辑的原因所在。最后想对准备春招的同学说的是前端这条路需要持续学习的热情也得承受面试被拒的落差。但每一次面试不管结果如何都会让你离目标更近一步。我至今手机里还留着一张春招时列的面试时间表上面每一行记录着一家公司、一轮面试、几个没答上来的问题。那段时间很累但也是我大学四年里成长最快的一段时间。希望这份经验对你有帮助也祝你春招顺利拿到心仪的offer。