网易2018前端笔试卷深度解析：从基础到框架的备考指南
1. 试卷整体结构与考察维度
1.1 一份前端笔试卷的构成逻辑
网易2018校园招聘前端开发工程师笔试卷，放进今天的语境里看，其实已经算是“前辈级”的资料了。但我一直觉得，这种大厂校招真题的参考价值不在于题目本身有多新，而在于它完整呈现了一套“大厂如何筛选前端候选人”的底层逻辑。2018年的卷子、2019年的卷子、再到2026年的卷子，考察的知识点框架几乎没有发生颠覆性变化，变的只是工具的版本和框架的选型。
先给没接触过这类试卷的朋友还原一下整体结构。整张卷子大致可以拆成四到五个模块：基础语言题、浏览器与网络题、JS核心机制题、手写代码题、以及框架/工程化相关的开放题。考察形式以选择题、填空题和简答题为主，最后多半会有一道或两道需要完整写代码的编程题。这个结构非常典型，很多大厂校招的笔试都是这么设计的。
为什么会这样安排？其实站在出题人的角度很好理解：校招候选人普遍没有太多项目经验，笔试必须在有限时间内考察“基本功是否扎实”和“思维是否能展开”。选择题和填空题用来兜底，确保候选人掌握必备知识；编程题则用来拉开差距，考察真实的代码组织能力和边界情况处理能力。
1.2 网易笔试的出题风格与校招定位
网易的这套笔试卷，风格上更偏“稳重”。没有特别偏难怪的脑筋急转弯式题目，题型分布也比较规整，基础题占比相当高，真正困难的点集中在手写代码和综合理解题上。这和网易内部技术栈的偏好也有一定关系——前端团队重视原生能力和对浏览器机制的理解，不鼓励只会用框架而不会底层原理的候选人。
另外，2018年这个时间节点很微妙。那一年Vue 2已经非常成熟，React 16也发布了Fiber架构，前端工程化已经从“可选项”变成了“必选项”。所以卷子里关于框架和构建工具的题目不是很多，但一旦出现，就是比较核心的机制题，比如响应式原理、虚拟DOM的diff流程、webpack的打包策略。这些内容放到2026年的面试里依然是高频考点，只是框架版本从Vue 2换到了Vue 3，React 16升级到了React 18、19。
所以，如果你想准备2026年的前端面试，用2018年网易这套题打底完全不过时。它能帮你快速排查知识盲区，再结合最新框架版本去补齐增量知识，效率会高很多。
2. 基础层考点拆解：HTML、CSS与浏览器原理
2.1 HTML语义化与页面结构
不管是哪一年的前端笔试卷，HTML语义化几乎是必考项。网易这套题里同样有涉及，考法通常不是直接问“什么是语义化”，而是给你一段代码，让你判断哪些标签使用得当，或者让你说明某个标签（如header、nav、article、aside）对SEO和可访问性的影响。
这个考点看似简单，但很多候选人答不深。能说出“语义化标签能让代码可读性更好”只是一层，真正的深层理解是：语义化标签能让搜索引擎正确识别页面结构，让屏幕阅读器准确地向视障用户播报内容层级，让浏览器默认样式和未来可能的用户代理行为有更好的兼容基础。从工程角度看，语义化还意味着团队协作时，不同成员对页面结构的理解成本更低——看到一个<article>就知道里面是一篇独立内容，而不是看到一个无意义的<div class="content">还要去翻CSS确认。
我在实际面试候选人的时候就常常遇到这种情况：简历上写着熟悉HTML5，但问到语义化时只能说“比div更规范”之类的话。这种回答没有错，但体现不出思考深度。网易这种级别的公司，笔试选择题虽然不要求长篇大论，但你心里得有完整的知识链路，因为下一个问题很可能就在这个链路上展开。
2.2 CSS布局从盒模型到Flexbox
CSS部分是网易这类笔试试卷的另一大块。2018年的试卷时代，Flexbox已经是主流的布局方案，Grid还处于普及初期。所以考察重点集中在：标准盒模型与IE盒模型的区别、margin合并问题、position不同取值（relative、absolute、fixed、sticky）的定位规则、以及Flex布局的几个核心属性。
盒模型这个考点，看起来就是“box-sizing属性设置成border-box和content-box有什么区别”，但很多人只是背结论，没有理解浏览器实际渲染时的计算逻辑。content-box的宽度只包含content区域，padding和border会向外撑开，这时候如果你设置width: 100%再加上padding: 20px，就很容易出现水平溢出。border-box则把padding和border算进width内部，宽度不会超出预期，这也是为什么现在很多项目里都会写上* { box-sizing: border-box; }作为全局重置。
Flex布局更是一道必考题。我记得特别清楚，网易这套题里有关于flex: 1到底代表什么的选项题。这个点深挖下去很有意思：flex: 1实际上是flex-grow: 1; flex-shrink: 1; flex-basis: 0%的简写，它决定了元素在主轴方向上如何分配剩余空间。很多前端开发写了一两年flex: 1，却不清楚它和flex: auto、flex: none的区别，一碰到复杂的自适应布局就翻车。这种题考察的就是候选人平时写代码时是否“知其所以然”。
2.3 浏览器渲染流程与性能优化
浏览器工作原理是前端笔试中区分度较高的知识领域。2018年网易这套题涉及的考点包括：浏览器的渲染进程包含哪些线程、DOM树和CSSOM树如何合并成渲染树、reflow和repaint的区别、以及常见的性能优化手段如减少重排、使用requestAnimationFrame等。
我当时准备面试时，把这一块当作重点来啃。理解的关键在于一条完整的主线：输入URL → DNS解析 → TCP连接 → HTTP请求 → 服务器响应 → HTML解析 → CSS解析 → 构建DOM树和CSSOM树 → 合并成渲染树 → 布局（Layout） → 绘制（Paint） → 合成（Composite） → 显示。笔试不会让你把整条链路默写出来，但一定会从中抽取某个环节进行考察。比如“修改某个DOM元素的width属性会触发reflow吗”，再比如“display: none和visibility: hidden对渲染树有什么不同影响”。
性能优化也是高频考点，网易的卷子往往会结合实际场景出题：如果页面加载很慢，你会从哪些角度定位问题？这种开放题其实给了候选人很大的展示空间。你可以从网络层面说静态资源压缩合并、使用CDN、开启HTTP缓存；可以讲渲染层面的关键渲染路径优化，比如CSS放在head、JS放底部或用defer、异步加载非首屏图片；还可以讲运行时性能，比如减少不必要的DOM操作、批量修改样式、使用文档碎片或虚拟滚动。每讲一点都要带上“为什么”，这样回答的含金量会立刻提升。
2.4 基础题怎么答才有区分度
这一节算是我个人在复盘历年真题时最深的感触。基础题大家都会答，但“会答”和“答出区分度”是两个层次。举例来说，题目问：什么是DOCTYPE？基础回答是“告知浏览器使用标准模式解析文档”。更深入的回答会补充：浏览器有怪异模式和标准模式两种解析方式，缺失DOCTYPE会触发怪异模式，导致CSS盒模型解析不一致；现代页面开发都应当使用<!DOCTYPE html>声明，从而避免兼容性坑。
再比如问“如何实现水平垂直居中”，你会列几种方案？至少有六种：flex居中、grid居中、绝对定位加负margin、绝对定位加transform、table-cell、margin: auto配合绝对定位。每种方案都有自己的适用场景和局限。如果你能把每种方案说清楚，面试官立刻能判断你对CSS的理解深度，而不是停留在“会用flex”的层面。
这类基础题看似简单，但它决定了你在笔试中是否能在前30%的候选人群里站稳脚跟。网易2018这套卷子，基础部分占比其实很高，先把基础分拿稳，再谈后面的难题冲刺。
3. JS核心、事件循环与手写代码题
3.1 变量提升、闭包、this指向——JS三大经典考点
不管前端技术栈怎么演进，JavaScript的核心机制永远是笔试的重头戏。网易这套2018年校招卷子里，JS相关的题目占到了相当可观的比例，考法也很典型：给你一段代码，问输出结果，或者问某个变量在某个作用域中的值。
变量提升（hoisting）是第一个经典考点。它考察的是对var、let、const声明特性的理解：var声明的变量会被提升到作用域顶部，但赋值不会提升；let和const存在暂时性死区（TDZ），在声明之前访问会报ReferenceError。笔试常见考法就是考“这段代码的输出是什么”，如果你没有真正理解提升机制，很容易掉进陷阱。
闭包则是另一个高频考点。网易试卷里出现过类似“用闭包实现一个计数器”的编程题，这类题的核心要求就是让一个变量既不能被外部直接访问，又能通过内部函数读写。更深一层的考察是闭包和内存的关系——闭包会让外部函数的变量对象在函数执行完后依然保留，所以不当使用容易造成内存泄漏。我在实际项目中就踩过这样的坑：一个长列表的组件里，循环绑定事件时不小心在闭包里引用了大对象，页面切页后内存迟迟不释放。这种经验，笔试的时候用不上，但面试聊项目时是很好的加分素材。
this指向问题更是必考中的必考。2018年的卷子就已经在考，2026年的面试还是在考。核心要掌握几条规则：普通函数调用时this指向全局对象（严格模式下是undefined）；对象方法里的this指向当前对象；构造函数里的this指向新创建的实例；call/apply/bind可以显式绑定this；箭头函数没有自己的this，它继承的是定义时外层作用域的this。把这些规则串起来之后，再去做历年真题里“判断this指向”的选择题，基本不会出错了。
3.2 事件循环与异步：宏任务与微任务的执行顺序
事件循环是前端笔试里区分度最高的内容之一，没有扎实理解“Event Loop + 宏任务 + 微任务”链路的话，遇到异步输出的排序题基本靠猜。网易这套题里一定有这个考点的影子，它几乎是所有大厂前端笔试题的“标配”。
核心链路是这样的：JS引擎在执行同步代码时，遇到异步API（如setTimeout、Promise、async/await、MutationObserver等）时不会阻塞后续代码，而是把回调放入对应的任务队列。当前宏任务执行完毕后，会先清空微任务队列，然后才执行下一个宏任务。注意“微任务优先于宏任务”这个顺序是很多题目的关键判定点。
举个例子，如果一道题让你写下面这段代码的输出顺序：
console.log('start'); setTimeout(() => console.log('timeout')); Promise.resolve().then(() => console.log('promise')); console.log('end');输出结果是start → end → promise → timeout，因为同步代码先执行完，然后微任务的promise回调先于宏任务的timeout回调被取出。但如果Promise是在setTimeout回调里创建的，那顺序就会完全不一样。这种嵌套变体，正是网易这类公司偏爱的出题方式——它不是考你“背结论”，而是考你“推演过程”。
我还想提一个容易被忽略的点：async/await在事件循环中的表现。await后面的代码相当于被放入微任务队列，所以async function里await之前的同步代码会立即执行，await之后的代码要等到微任务阶段才执行。这个机制在2020年以后的面试里越考越多，2018年的卷子里还没有大规模出现，但它是对老题目的自然延伸，建议一并掌握。
3.3 手写bind与Promise：编程题的出题逻辑
手写代码题是整个笔试最能拉开分数的部分。网易2018年这套卷子里的手写题，常见方向包括：手写bind、手写Promise、手写深拷贝、实现防抖节流、实现数组去重和扁平化。这些题放在今天依然是前端面试的标配，我在面试候选人的时候也经常用类似的题目。
先拆解手写bind这道题。bind的核心功能有两个：绑定this和预置参数。第一版实现可以直接用call/apply完成：
Function.prototype.myBind = function (context, ...args) { const fn = this; return function (...innerArgs) { return fn.apply(context, [...args, ...innerArgs]); }; };但这样写不完整，因为当bind返回的函数被当作构造函数new调用时，this应该指向新创建的对象，而不是传入的context。所以一个完整的实现还要考虑原型链和new的优先级问题。这个细节，大多数人一时半会儿写不出来，但如果你能写到，面试官会对你刮目相看。
手写Promise则是更大的工程。完整的Promise/A+规范有几百行，笔试不可能要求全写。网易这种级别的大厂，通常只要求实现resolve、reject、then的核心逻辑，考察的是你对状态机（pending、fulfilled、rejected）和链式调用的理解。最简单的骨架如下：
class MyPromise { constructor(executor) { this.state = 'pending'; this.value = undefined; this.reason = undefined; this.onFulfilledCallbacks = []; this.onRejectedCallbacks = []; // resolve 和 reject 的实现 } then(onFulfilled, onRejected) { // 返回一个新的 Promise，支持链式调用 } }这里关键的“为什么”是：为什么then方法必须返回一个新的Promise？因为Promise链式调用时，下一个then要能拿到上一个then回调的返回值，而Promise的状态一旦改变就不能再变，所以必须用一个新Promise来承接。理解了这一层，写代码就不是背代码，而是“推导”代码。
3.4 深浅拷贝、防抖节流、数组去重等常用实现
除了bind和Promise，网易这套笔试卷中的手写题还经常考察一些工具函数。这些函数看起来简单，但要在限定时间内写出健壮的版本并不容易。
深拷贝是考察频率最高的一个。很多人第一版会写JSON.parse(JSON.stringify(obj))，但这样写有几个致命缺陷：遇到undefined、function、Symbol、循环引用时都会出问题。完整的手写深拷贝需要递归遍历对象属性，判断每个值的类型，遇到数组用[]承接，遇到普通对象用{}承接，遇到函数直接保留引用，遇到Date、RegExp等特殊对象需要单独处理。还要用WeakMap来记录已经拷贝过的对象，避免循环引用导致无限递归。这套逻辑说复杂也复杂，但说简单也简单，核心就一句话：递归处理每种数据类型，并记得防环。
防抖和节流也是高频手写题。防抖（debounce）的核心是“最后一次触发才执行”，适用于输入框搜索、窗口resize等场景。节流（throttle）的核心是“固定时间间隔内最多执行一次”，适用于滚动监听、按钮点击等场景。两者实现思路不同，但都是利用了闭包来保存定时器状态。笔试时能写到“立即执行版防抖”或“带leading/trailing选项的节流”，都属于加分写法。
数组去重则相对简单，但出题人可以通过限制条件来提升难度：“不使用Set实现数组去重”或者“对包含NaN和对象的数组去重”。这些变体考察的是你对JS类型判断和数组API的熟练度。作为一个过来人，我强烈建议把这些工具函数全部动手写一遍，不要只看不写——笔试现场的手感，只能靠平时实打实地练习。
4. 网络、安全与前端工程化的基础考法
4.1 从HTTP到跨域：网络层到底考什么
前端笔试的网络题，考点集中在HTTP协议基础、缓存机制和跨域通信三大块。网易2018年这套卷子延续了大厂出题风格，很注重候选人对浏览器与服务器交互过程的理解，而不是死记硬背状态码。
HTTP基础必考：常见状态码的含义（200、301、302、304、401、403、404、500、502、503），GET与POST的区别，HTTP与HTTPS的区别，以及HTTP/1.1、HTTP/2的特性对比。考得深一点的会问：TCP连接是怎么建立的？为什么需要三次握手？HTTP/2的多路复用解决了什么问题，又带来了什么新的挑战？
缓存机制是另一个重点。题目往往会给一个场景：页面第二次访问时，图片资源为什么不需要重新下载？这就涉及强缓存与协商缓存。强缓存是浏览器直接用本地缓存，对应Cache-Control和Expires；协商缓存是浏览器带上If-None-Match或If-Modified-Since询问服务器，由服务器决定返回304还是新资源。实际项目中比较稳妥的方案是：HTML文件用协商缓存，带hash的静态资源用强缓存，这样既能保证页面更新，又能最大化利用缓存。
跨域题是前端笔试常客。2018年的考法集中在JSONP的实现原理、CORS的头部配置、以及document.domain、postMessage等低层方案的适用场景。JSONP的底层逻辑是利用<script>标签没有同源限制这一特性，动态插入一个script标签，通过query参数把回调函数名传给服务器，服务器返回一段“调用回调函数并传入数据”的JS代码。到今天，JSONP已经不太常用了，CORS和反向代理成了主流方案，但理解JSONP对理解“跨域的本质是浏览器同源策略”非常有帮助。
4.2 XSS与CSRF：安全问题是很多人的盲区
网络安全在2018年的校招笔试中还不算大块头，但网易这种重视技术深度的大厂，多少会在选择题或简答题中带一下。XSS（跨站脚本攻击）和CSRF（跨站请求伪造）是出现频率最高的两个概念，这两个概念理解起来并不难，但却是很多前端开发者的盲区。
XSS的核心是“攻击者把恶意脚本注入到被信任的页面中”。它分三种类型：存储型（恶意代码存在服务器上，所有用户访问时都会执行）、反射型（恶意代码通过URL参数传入，服务器原样返回）、DOM型（恶意代码在浏览器端通过DOM操作执行，不经过服务器）。防御手段的核心是对用户输入进行转义和过滤，以及设置Content-Security-Policy。比如在Vue或React项目里，默认的插值语法{{}}和{}都会对HTML进行转义，减少XSS的风险。但如果你用了v-html或dangerouslySetInnerHTML，就等于手动打开了后门，一定要确保传入的内容是可信的。
CSRF的核心是“攻击者借用用户的登录状态，伪造请求发给目标网站”。它不直接窃取数据，而是“诱导用户执行非本意的操作”。防御手段包括：检查请求头的Referer/Origin、使用带随机token的请求参数或自定义请求头、设置SameSiteCookie属性。现代前端开发中，登录态一般放在httpOnly的Cookie里，加上SameSite=Lax或Strict，再加上请求的自定义token，基本能防住绝大多数CSRF攻击。
4.3 模块化与构建工具：从AMD到webpack的演进
2018年前端笔试里，模块化是个绕不开的话题。CommonJS、AMD、CMD、ES Module，这四种模块化规范的区别，几乎是标准考点。网易的卷子通常不会让你默写规范定义，而是给你一段代码，让你判断它属于哪种模块化方案，或者问它们分别适用于什么场景。
这里有一个很重要的理解路径：模块化是前端从“页面开发”走向“应用开发”的必然产物。早期一个HTML文件引几个script标签就够了，但应用大了之后，全局变量污染、依赖管理混乱的问题会越来越严重。CommonJS是Node.js采用的方案，核心是require和module.exports，同步加载。AMD是RequireJS采用的方案，核心是define和require，异步加载，适配浏览器环境。ES Module则是ES6规范制定的标准方案，核心是import和export，静态分析，天然支持按需加载。现在的前端工程已经全面使用ES Module，Node.js也在逐步加强支持。理解这条演进线，比死记硬背每个规范的关键字更有价值。
构建工具方面，2018年webpack还是绝对的主流。对应的考点包括：entry、output、loader、plugin分别是什么；loader和plugin有什么区别；如何配置代码分割（code splitting）和Tree Shaking。这些知识点放到2026年面试依然会问，只是问法会从“webpack怎么配”变成“vite和webpack有什么区别”“vite的依赖预构建解决了什么问题”等新时代的问题。学习老题的意义就在于：先掌握这些不变的底层逻辑，再迁移到新工具上，一通百通。
5. 框架与组件化考点：从2018到今天的演进
5.1 2018年：Vue 2与React 16的双雄时代
网易2018年这套笔试卷里的框架题，放在当时的语境下考察的还是Vue 2.x和React 16.x相关知识点。这两个框架到现在依然统治着前端主流的业务开发，但内部实现已经有了显著变化，所以复盘老题的逻辑很有必要——既能看到不变的核心思想，也能对照分析版本升级带来的变化。
Vue 2时代的高频考点集中在这几张：响应式原理（Object.defineProperty）、双向绑定（v-model）、虚拟DOM和diff算法、生命周期钩子、组件通信方式（props/emit、event bus、Vuex）。React 16的考点则偏向JSX语法、组件状态（state/props）、生命周期、React虚拟DOM与diff、以及引入Fiber架构后对渲染的异步调度能力。
如果你只看2018年卷子上的表述，会觉得这些内容就是期末考试的范围，背一背就能过。但实际面试中，大厂会顺着这些概念往下追问“为什么”：Vue 2的响应式为什么不能检测数组和对象的新增属性？有什么解决方案？React Fiber的拆分和调度为什么能解决长时间渲染阻塞的问题？这些追问才是真正区分候选人的地方。
5.2 核心考点：虚拟DOM、diff、响应式原理、生命周期
虚拟DOM和diff算法是框架题的常青树。网易这套题里出现过类似“为什么需要虚拟DOM”的简答题，标准答案是：虚拟DOM是对真实DOM的抽象，通过对比新旧虚拟DOM找出最小变更集，再统一更新真实DOM，从而减少昂贵的DOM操作。
但这里面还有一个更本质的“为什么”：直接操作DOM到底慢在哪里？因为真实DOM承载了大量HTML解析、样式计算和渲染相关的内部状态，对它做一次属性修改可能引发布局和绘制流程的重新执行。虚拟DOM的diff过程是在JS层完成的，不触及浏览器渲染流程，所以能用较低成本计算出最小变更集合。key属性的作用也在这里——diff算法通过key来复用相同节点，减少创建和销毁的开销，所以列表渲染时key不能使用index（除非列表是静态的），否则会导致状态错乱。
响应式原理方面，Vue 2的Object.defineProperty和Vue 3的Proxy是绝佳的对比题目。Object.defineProperty只能拦截特定属性的读取和设置，所以新增属性时需要调用Vue.set，删除属性需要Vue.delete。Proxy可以直接代理整个对象，包括新增属性和删除属性都能被拦截，所以Vue 3的响应式系统更完整、更强健。生命周期钩子也是必考内容，Vue 2的created、mounted、updated、destroyed，Vue 3中的onMounted、onUpdated、onUnmounted，本质上都是让你在组件的特定阶段执行逻辑。一个加分细节是：created时期只能访问数据，不能访问DOM，因为组件还没挂载；mounted时期DOM已经渲染完成，可以获取尺寸和绑定事件。
5.3 2026年的今天，框架考点发生了哪些变化
回到2026年这个时间节点来复盘，框架考点的主要变化可以总结成三条线：Vue 3全面取代Vue 2、React生态的并发特性落地、组件通信和状态管理的方案更多元。
Vue 3的核心变化就是组合式API（Composition API）和Proxy响应式。如果你准备面试，不能再只记Vue 2的“选项式写法”，必须能回答：为什么组合式API比选项式API更适合逻辑复用？ref和reactive有什么区别？computed和watch的执行时机有什么不同？Vue 3的Teleport和Suspense分别解决什么问题？这些都是从Vue 2老题中可以自然延伸出来的新考点。
React这边，2026年的主流版本已经迭代到React 18/19，useState、useEffect、useMemo、useCallback是面试必问，同时React 18的并发特性（Concurrent Features）和useTransition、useDeferredValue这类Hooks也进入了常规考点。你还需要理解React的渲染流程：首次渲染发生了什么？组件状态更新后发生了什么？为什么需要key？Fiber架构和Hooks的实现机制是怎么回事？这些知识点之间有一条完整链路，如果你只背“函数组件和类组件的区别”，很难在面试中拿到高分。
6. 从真题出发：如何把一套老题变成备考起点
6.1 从真题逆推面试重点
很多准备前端面试的人会陷入一个误区：题海战术，感觉自己做了两千道题就稳了。但实际上，大厂笔试考察的从来不是“你知道多少答案”，而是“你的知识体系是否完整、是否能在未知问题面前做逻辑推演”。所以，我更推荐把网易这套2018年笔试卷当作“摸底测试”，用它来定位自己的薄弱模块，而不是当作最后的复习资料。
拿到题目之后，先别急着看答案。第一遍完整做一遍，掐时间，模拟笔试环境。做完之后统计一下自己在哪个模块丢分最多：是网络基础？JS核心？框架原理？还是手写代码？这些丢分模块就是你的知识盲区，复习优先级最高。如果一个模块得分不错，也不要敷衍，因为笔试的深度往往大于表面题目，你可以主动往深一层去追问自己“为什么”，这样面试时才不会被追问环节打个措手不及。
6.2 建立自己的八股文知识库
“八股文”这个词在前端面试圈里多少带点贬义，但我自己的看法是：八股文本身不是问题，只会背八股文才是问题。真正有效的复习方法，是把八股文当作“知识的索引”，每一条都逼自己展开成3-5分钟的深度讲解。比如“浏览器渲染流程”是八股文里的一条，你要能展开讲出：HTML解析时遇到script标签会发生什么？CSS会阻塞渲染吗？什么情况下会触发强制同步布局？这些细节才是面试官真正想听的。
我建议准备一个自己的知识库文档，按模块记录，每个知识点包含三栏：一句话结论、展开解释、代码示例或手绘图。这个知识库不是给别人看的，是给你自己输出的——面试时你能把知识点讲得越清楚，说明你理解得越深。网易这套2018年试卷里的考点，几乎都是我知识库里的基础条目，后来面试时遇到的各种追问，也基本都能从这个库里找到延伸。
6.3 用真题做模拟训练
最后一点小建议：真题的价值在于“模拟”，不在于“押题”。网易的卷子你能找到，其他厂的卷子也能找到，与其收藏十套卷子，不如吃透一套。把每道题目的每个选项都弄懂为什么对、为什么错，把每道编程题都独立重新写一遍，比盲目刷十套卷子更有价值。
我在备考和带人复习时总结过一个“三轮真题法”：第一轮完整做一遍，标注错题和存疑题；第二轮只复习错题，每道错题写一份不少于200字的复盘说明；第三轮，找同方向的其他真题（比如同年腾讯、阿里的前端笔试卷），只看相同考点的题目，检验自己是不是真的掌握了。三轮下来，你对待“面试题”的心态会发生很大变化——从害怕压不中，变成对知识体系有底气。
如果你时间紧张，至少把JS核心、浏览器原理、手写代码这三个模块练透。这三个模块是网易2018年卷子的重心，也是2026年前端面试不变的重心，拿下它们，你就已经赢过了大多数人。