网易校招前端笔试复盘：题型拆解与备考攻略

要说秋招里最磨人的环节很多前端同学会说是那一场场两小时的在线笔试。屏幕对面没有面试官但限时、断网重连、编译环境崩溃样样都能让你血压升高。我2020年参加网易校招提前批前端开发工程师笔试时抱着“提前批挂了还能投正式批”的心态去试水结果那套卷子反而成了整个秋招里我打得最稳的一次。后来复盘才发现这套卷子的考察逻辑非常清晰先筛基础再筛代码能力最后筛思路。今天把当时的备考路径、题型拆解和踩坑经验整理出来给正在准备校招前端笔试的同学一个参考。1. 网易提前批笔试的流程安排与考场体感1.1 为什么提前批值得认真对待网易的秋招节奏分得很清楚提前批在7月底到8月初开放投递正式批在9月之后。提前批最大的优势是流程短、hc多而且即使挂了一般也能继续投正式批等于多了一次上岸机会。很多同学觉得提前批没准备好就想放弃这个想法比较吃亏。我身边有个同学提前批是“裸考”的结果笔试没过反而把心态打崩了影响后续投递。我建议是就算没完全准备好也要把提前批当成一次全真模拟而不是直接放弃。1.2 笔试现场的时间和卷面网易在线笔试一般给120分钟前端岗单独一套卷。卷面结构大致是约20道选择题2到3道简答题1到2道手写代码题外加2道算法编程题。整套卷子的核心特点是“广而不深”和“时间刚刚好”。选择题里几乎没有一眼就能看出答案的送分题很多题是换了一种说法考你基础概念。手写题不会特别偏但要求你在没有IDE提示的情况下一次写对。算法题难度基本对标LeetCode中等难度不会出现竞赛级别的题目。拿我当时考完的感受来说最直观的体验就是“熬人”。选择题需要不断回想知识点手写题需要逐字逐句检查逻辑算法题更不用说基本是在时间压力下赶出来的。网易这套卷子不追求让你做出所有题而是通过题量和难度分层快速找出“基础扎实、输出稳定”的那批人。1.3 这场笔试在筛什么样的人大厂笔试不是要筛出“最聪明的人”而是筛出“基础足够扎实、代码习惯足够好、能在有压力时稳定输出”的人。网易尤其明显题目覆盖面很广从HTML到CSS再到JS、网络协议、浏览器原理都有涉及这样一套卷子下来你的知识结构是完整的还是有明显短板的一测便知。所以后面我给自己的备考定下的原则就是别赌某几个点把知识面铺开每个主题至少要做对基础题。1.4 笔试与后续流程的衔接网易提前批在笔试通过后一般会安排两到三轮技术面外加一轮HR面。笔试成绩并不直接决定面试题难度但面试官手里是有你的笔试记录的。我当时在面试时就被问到了一道笔试编程题的延伸版如果笔试时靠背答案混过去面试时很容易露馅。这也是为什么我建议笔试准备要“知其所以然”而不是把面经里的题背下来就算完。2. 题型拆解一份笔试卷子的四个部分2.1 选择题基础广度的快速筛选选择题的覆盖面确实宽但我观察下来有个规律每一年都会围绕几个固定的“敏感词”出题。比如数组和字符串的API、事件循环执行顺序、CSS层叠与盒模型、HTTP状态码、闭包与作用域。数组和字符串的API其实不难但容易混淆比如map、filter、reduce到底返回什么push、pop、shift、unshift作用于原数组还是返回新数组这种题几乎没有思考时间全靠记忆。事件循环的执行顺序则更考察理解宏任务、微任务、同步代码的执行顺序需要自己多推演几遍。这种选择题的好处是考完对完答案你会立刻发现自己哪个模块模糊。备考时根本不用背大量概念把高频考点在脑内默写一遍再做几套模拟题基本就能覆盖大部分出题角度。2.2 简答题概念深度的试金石简答题一般两三道常见的方向有解释跨域及解决方案、描述浏览器从输入URL到页面展示的过程、谈谈你对前端性能优化的理解。这类题如果不打分很难拉开差距但答得好会让面试官印象分高不少。我建议的答法是“先结论后展开”比如跨域问题先说同源策略再分CORS、JSONP、代理三种情况展开最后补一句“实际项目里我更常用哪种”。这样结构清楚也显得有真实经验。单纯默写概念是拿不到高分的面试官一眼就能看出你是不是做过项目。写简答题还有一个技巧条理分点写别整段堆字。校招笔试的阅卷量很大面试官看简答题的时间不会太长你分点作答他扫一眼就能抓到关键词得分率会高很多。2.3 手写代码题日常积累的展示手写代码题的目的很简单检测你有没有形成“代码肌肉记忆”。题目通常不超出“防抖、节流、深拷贝、Promise.all、数组去重、实现一个EventEmitter”这个范围。说实话从代码量上看每道题都不复杂但笔试环境下没有IDE提示、没有自动补全再加上紧张很容易写错一个边界条件。我考前专门花了三个晚上把这些题逐个手写过一遍用纸笔写而不是用IDE敲因为纸笔写的状态更接近考场。2.4 算法编程题思维能力的区分项算法题看似只有两题但它决定了你能不能拿到“通过”还是“高分通过”。网易的算法题难度一般从“简单到中等”递增第一题通常是数组或字符串的模拟题第二题开始涉及双指针、回溯或动态规划。应对核心是练熟几个固定的解题套路我后面会专门用一章来讲这部分。2.5 四种题型的备考优先级对照题型数量考察目标备考优先度最大陷阱选择题约20题基础广度高概念混淆简答题2-3题概念深度中答得太散手写代码1-2题代码习惯高边界条件遗漏算法编程2题解题思维很高时间分配不当从表格能看出来选择题和算法编程是备考重心两手都要硬。简答题和手写题则是区分度来源属于“复习到位就能拿分复习不到位就容易失分”的部分。我给自己的分配比例大约是选择题占四成时间算法占三成手写题占两成简答题占一成。3. 基础知识的考察逻辑不是八股文是及格线3.1 为什么校招笔试仍然要考这些“基础题”我知道很多同学把基础概念题统称为“前端面试八股文”觉得背了没意思。但从面试官角度想一下校招候选人大多没有太多高含金量的项目经验那靠什么区分只能靠基础。基础题不是想难为你而是想在最短时间里确认你“能不能独立写一个能跑的业务页面”。其实八股文和真正理解的区别很容易看出来——如果面试官追问“Vue双向绑定是通过Object.defineProperty实现的那数组的更新为什么需要额外处理”背过和知道的人回答完全不同。校招笔试没有面试官追问所以它只能用选择题和填空题来试探你对概念的理解深度。这意味着死记硬背能解决一部分题但理解不透彻的题会丢分。最好的策略是通过理解去记而不是背条目。3.2 高频考察的知识模块盘点我根据备考时收集的网易历年校招前端笔试资料把核心考点梳理成六大模块JavaScript核心闭包、作用域链、原型链、this指向、事件循环CSS盒模型、BFC、Flex布局、水平垂直居中浏览器渲染流程、重绘与回流、缓存机制、跨域网络HTTP与HTTPS、TCP连接、状态码工程化模块化、webpack基础概念框架Vue或React的生命周期、数据响应式、组件通信这个列表看起来很大但其实每类都有固定的出题角度。比如CSS的BFC翻来覆去考的就是“怎么触发BFCBFC能解决什么问题”跨域翻来覆去考的就是“有哪些方案各自适用场景”。把每个模块的固定角度吃透选择题基本不会丢分。3.3 我复盘后总结的高频易错点我具体列一些我在复习时整理的高频易错点这些点几乎每年的笔试里都会以不同形式出现闭包不是说“函数里套函数”而是“函数持有外部变量的引用”笔试经常在循环里用var声明变量来考闭包。this指向不要死记“谁调用指向谁”要记住箭头函数没有自己的thisvar声明的全局函数在严格模式下this可能是undefined。CSS的flex: 1其实是flex-grow、flex-shrink、flex-basis三个值的简写很多人只知道弹性布局但说不清flex-basis的优先级。网络题里HTTP缓存必考强缓存和协商缓存的字段分别是什么Cache-Control的no-cache与no-store有什么区别。事件循环里Promise.resolve().then和setTimeout的执行顺序很多人到这里就卡住了。这些点如果考前能自己讲一遍笔试选择题基本不会丢分。我当时把这些易错点写在卡片上每天通勤路上拿出来看一遍坚持一周后明显感觉基础题顺手了很多。3.4 浏览器渲染流程为什么值得多花时间浏览器渲染流程是网易笔试的常客而且它和性能优化题天然绑定。完整链路是解析HTML生成DOM树解析CSS生成CSSOM树合并成渲染树布局绘制。这其中的关键得分点是“渲染树不包含display:none的节点但包含visibility:hidden的节点”以及“重排一定引起重绘重绘不一定引起重排”。当时我把这条链路的每个阶段都画了一遍后来面试问“首屏白屏怎么优化”时也用上了。所以这部分不只是在应付笔试。4. 手写代码题从“看懂了”到“写得对”4.1 为什么笔试偏爱手写题手写代码题能同时考察三个维度有没有看过源码、有没有实际写过、考场时能不能稳住。你可以在选择题里背下答案但手写题一写代码习惯全暴露出来。比如变量命名、是否处理边界条件、是否滥用双等号这些在选择题里完全看不出来。所以这一部分的判分逻辑除了“功能对不对”还包含“写法干净不干净”。4.2 重点代码题目清单与写法要点网易这类笔试喜欢出的手写题基本围绕四个方向。我逐个说下写法和踩坑点。防抖和节流是必须能默写的function debounce(fn, delay) { var timer null; return function () { var ctx this; var args arguments; if (timer) clearTimeout(timer); timer setTimeout(function () { fn.apply(ctx, args); }, delay); }; }关键点有三个this指向要保留arguments要传入定时器要用clearTimeout清理而不是直接赋值null否则上一次的定时器还在跑防抖就失效了。节流的写法类似但常用时间戳实现核心区别是“防抖只执行最后一次节流每隔一段时间至少执行一次”。深拷贝是手写题里的“加强版”function deepClone(obj, map new WeakMap()) { if (typeof obj ! object || obj null) return obj; if (obj instanceof Date) return new Date(obj); if (obj instanceof RegExp) return new RegExp(obj); if (map.has(obj)) return map.get(obj); var result Array.isArray(obj) ? [] : {}; map.set(obj, result); for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { result[key] deepClone(obj[key], map); } } return result; }关键点有三个循环引用要用WeakMap缓存否则栈溢出Date和RegExp要单独处理否则克隆出来会变成空对象for...in要配合hasOwnProperty避免把原型链上的属性也遍历进去。Promise.all也是高频function promiseAll(promises) { return new Promise(function (resolve, reject) { var results []; var count 0; for (var i 0; i promises.length; i) { Promise.resolve(promises[i]).then(function (value) { results[i] value; count; if (count promises.length) resolve(results); }, reject); } }); }这里最容易犯的错是用push收集结果但Promise的resolve顺序和输入顺序不一定一致所以要用索引赋值。另外入参不一定都是Promise要包一层Promise.resolve。count计数而不是靠results.length因为稀疏数组的length不准确。4.3 判分时的隐性规则手写题的判分有几个隐性规则我吃了亏之后才总结出来。第一空值处理很重要很多题会故意给空数组、空对象、null作为测试用例你不处理就直接报错。第二不要用var声明的变量做循环体外的引用闭包配合var很容易在笔试的边界用例里暴露问题。第三写注释是有加分的但要在函数说明里写清楚这个函数干什么不要在每行代码后面写废话。5. 算法编程题在有限时间内拿到最高分5.1 校招笔试算法题的常见范围网易笔试的算法题基本不会超出这些类型数组与字符串、哈希表、双指针、二叉树、简单动态规划、回溯。了解范围之后后面刷题就有目标了。很多人觉得算法是“平时刷了才知道”但其实校招笔试的算法题套路性极强只需要把每个类型的主干题目吃透。我当时的做法是把每个类型挑一到两道经典题刷到能默写的程度而不是囫囵吞枣刷几百道。比如数组与字符串类选“最长无重复子串”哈希表类选“两数之和”双指针类选“有序数组两数之和”二叉树类选“层序遍历”动态规划类选“爬楼梯”回溯类选“全排列”。把这些题吃透覆盖面就已经超过大多数竞争者了。5.2 逐个击破的实战经验数组与字符串类重点掌握滑动窗口。经典题是“最长无重复子串”function lengthOfLongestSubstring(s) { var left 0; var max 0; var set new Set(); for (var right 0; right s.length; right) { while (set.has(s[right])) { set.delete(s[left]); left; } set.add(s[right]); max Math.max(max, right - left 1); } return max; }滑动窗口的核心是维护一个不含重复字符的窗口右指针每走一步左指针就调整到不重复的位置。这样做是O(n)复杂度笔试里会拿到不错的分数。很多人卡在为什么用while而不是if因为左指针可能连续跳过多个重复字符。哈希表类的“两数之和”核心是空间换时间用Map存“数值到下标”的映射function twoSum(nums, target) { var map new Map(); for (var i 0; i nums.length; i) { var diff target - nums[i]; if (map.has(diff)) return [map.get(diff), i]; map.set(nums[i], i); } return []; }二叉树类重点练层序遍历这道题的解法要用队列BFS重点是每层结束时要记录当前层的节点数量。动态规划类的“爬楼梯”则要写出状态转移方程dp[i] dp[i - 1] dp[i - 2]并说明为什么可以这样递推。回溯类的“全排列”最关键是画递归树理解“选择、递归、撤销”这三步。5.3 时间分配与取舍笔试时最容易犯的错是在一道算法题上死磕。我的经验是先快速把选择题和手写题做完把能拿的分拿稳再回头啃算法。算法题如果10分钟没有思路先写暴力解保证拿部分分不要空着。在线笔试的判题一般是多组测试用例暴力解至少能把小规模数据跑通。另外数组和字符串的边界条件要格外小心比如空数组、元素重复、负数这些用例常被用来卡人。5.4 准备一个随身携带的解题模板这里分享一个我后期一直沿用的“模板记忆法”把常见算法类型的代码框架压缩成自己能看懂的模板考前反复默写。比如二分查找的模板、滑动窗口的模板、二叉树层序遍历的模板、回溯的“选择-递归-撤销”模板。考试时看到题目先判断类型然后直接套模板再根据题目条件做微调。这样做的好处是即使题目有变化你的思考成本也会低很多。6. 我踩过的笔试坑与调整方案6.1 第一个坑本地IDE写得好考试环境编译不过我当时在牛客网笔试编程题用的是在线编辑器不支持自动缩进和联想。手写代码题还好算法题就惨了本地写了半天粘过去后报语法错误——因为我在本地用了ES6的某些新特性但考试环境不一定完全支持。虽然现在的主流笔试平台都支持ES6但保底的策略是尽量写兼容性更好的写法或者在coding前先确认环境。这里给一个建议平时练习就尽量用var或者普通function不要只依赖箭头函数和let。这听起来很反直觉但笔试环境下能少一个报错点就少一个。如果你实在习惯ES6也要在考试开始后先测试一下环境支不支持Promise、Set、Map这些对象。6.2 第二个坑选择题死磕编程题时间不够网易的卷子120分钟看似很多但实际每道题都要思考。我前30分钟在几道选择题上反复纠结结果手写题和算法题的时间就被压缩了。后来我调整策略选择题平均每题控制在1分钟内拿不准的先标记最后如果有时间再回头想。在线笔试的选择题通常不允许往回跳转所以“先跳过”不一定可行。更稳妥的方法是遇到不确定的题先选出直觉答案并记录题号不要卡住超过3分钟后面如果全部做完还有时间再回头用排除法验证。6.3 第三个坑审题不细功能边界看漏有一道手写题要求“实现一个带防抖的输入框”我一开始想当然地认为是简单的防抖函数结果漏了“需要支持取消上一次调用”这一条边界没处理。笔试和面试不一样笔试没有追问机会一切以题目文字为准所以一定要把题干读两遍把“输入、输出、边界、异常”四个要素圈出来再动手。6.4 我最终确定的答题顺序经历了前面几次失误我整理了一套适合自己的答题顺序先花2分钟通读整卷把每一类题目的数量和难度标记出来然后按“手写代码题→算法题→选择题→简答题”的顺序答题。为什么先做手写题因为手写题刚开考时大脑最清醒代码直觉最好算法题需要整块时间放在第二选择题无论如何不会因为顺序而增加难度。简答题留到最后是因为它最耗时间且分值相对不明确。这个顺序不是标准答案但可以让我的节奏稳定很多。7. 给后来者的三个提醒7.1 基础永远值得反复加固从2020年到2026年前端面试的内容一直在变。2020年还不太会考微前端、worker上传大文件、H264解码这些偏实战的方向但到了2026年这些东西已经写进很多岗位的JD。不管怎么变笔试考的范围仍然以JS、浏览器、网络、框架、算法为主。基础题出得再花哨底层的知识脉络是不变的。把基础题当成自己长期的护城河比追热点划算得多。7.2 实战项目是笔试过后真正的分水岭笔试过了之后项目的含金量开始体现。面试官会很自然地问“你项目的性能优化是怎么做的”“这个组件你设计的时候考虑了哪些边界”。如果你的项目只是跟着教程敲一遍这个时候就露馅了。我建议在校期间至少做一个完整的前端项目哪怕技术上不复杂但流程要完整需求分析、技术选型、组件设计、性能优化、部署上线每一步都要能讲清楚。哪怕只是用Vue或React搭一个数据大屏把布局、组件复用、接口联调、性能优化都跑一遍面试时也比你背一百道题管用。7.3 保持写代码的手感笔试考完到面试之间往往间隔短则几天长则一周多这个阶段千万不要放松。每天至少手写一个函数做一道算法题保持手感。手写题写错一个边界条件比不会写更可惜。我至今还能记起那场笔试交卷时的心情——不是“我全做对了”而是“我知道自己哪里弱了”。网易提前批那套卷子没有让我拿到多高的分数但它把我在知识结构和代码习惯上的短板暴露得很彻底。后来我按这份清单重新梳理了自己的学习路线秋招后面几场笔试明显越打越顺。如果你也在准备校招前端笔试希望你不用像我一样走那么多弯路这份复盘能帮你把劲使在正确的地方。