面了整整两个月的前端岗，怎么还有开发不知道面试前刷什么呢？

原创于 2025-11-14 15:43:27 发布 · 687 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #面试 #职场和发展 #vue.js #javascript #github

最近听在做面试官的朋友吐槽，可能是因为11月很多人有点摆烂的心思，过来只有一些八股能答的还勉强，涉及场景和原理的都磕磕巴巴，我朋友平时挺有耐心的一个人，头次看到这么暴躁的样子。

其实早在金九银十面试的时候就整理过了今年面试大概率出现的面试题，只不过很多人貌似并没有当回事，甚至有人很自信的去裸面

当代前端职位需求，是入职即上手，而不是从0培养。

现在不是几年前，随便背js，刷刷框架就入职的年代了！

所以今天再总结一次，希望可以帮助到最近有面试的前端。

本文大体内容总结技术块为：

JavaScript、Vue、React、Node.js、Webpack、Typescript、性能优化、项目亮点难点、中大厂场景面试题、小程序、HTML、CSS、ES6、前端安全等刷题资源

以上：https://github.com/encode-studio-fe/natural_traffic/wiki/scan_material5

简历的写法以及注意事项

简历投不出去看这里

1.简历整体概述

2.工作经历的注意事项

3.项目要如何写才能达到面试官满意的程度

3.1参考业务项目

3.2如何定向准备项目

3.3 优秀项目参考

4.优秀简历参考

4.1 Vue

4.2 React

5.错误简历示范

3.项目要如何写才能达到面试官满意的程度

注意：以上项目的描述是最基础的，不可以直接抄到简历上。

建议项目按照：3~4个业务项目+2~3个技术项目穿插着写，（年限低的同学可以适当缩减）。

·业务项目：

a，业务项目是要体现在工作过程中遇到的实际问题的，建议围绕着前端性能优化、稳定性治理、用户体验和工程化落地这几个方向去写；

b，第一部分（1~2点）：写关于Vue、React技术栈的使用，不要写使用使用Vue、React完成了项目开发迭代，要讲到使用这部分技术栈完成了xXx具体业务的开发；

c，第二部分（1~2点）：使用了哪些生态库完成了项目的开发：这里可以写使用elementUI、antdesign等完成了xxx系统的xxx部分的开发迭代；使用xxx实现了xXx功能，”一定要落实到具体的技术点；

d，第三部分（2~3点）：当前项目中的亮点，也就是别人没有自己有的内容，这块要往前端性能优化、稳定性治理、用户体验和工程化落地这几个方向靠，一定要具体；

e，第四部分（1点）：如果有团队管理经验，要写出来带团队内容，比如带领xx人完成xx项目的前端开发，负责需求的分发和业务进展的同步；

f，第五部分（1~2点）：可以结合技术项目，写出如何使用技术项目解决了业务项目的痛点，或者紧接着当前的业务项目，单独罗列出技术项目；

·技术项目：项目参考飞书链接：目前端实战课分享汇总密码：Hn(>bn9?

a，是为了体现出技术的深度的，要结合着业务背景说，不可以干巴巴的直接写做了xxx的技术项目，一定要解决特定的业务问题的；

b. 举例：课程实战中的前端编码规范工程化，项目名称要改成：XXX后台项目编码格式统一或者xXX项目前端代码规范治理，要结合着业务背景去讲。像项目中自带的简历描述，要结合着自己对业务的理解和当前技术项目的掌握去写，不要一股脑照抄。事实证明，照抄的项目大多数不会吸引面试官的；

c，建议业务项目+技术项目+业务项目穿插写；或者业务项目中包含着部分技术项目的内容，要体现出技术项目是如何解决业务项目痛点的；

3.1参考业务项目

项目描述：XXXAPP+后台管理系统是XXXX，为客户提供保XXX服务。该项目原开发语言为Vue2，为了便于迭代维

护使用Vue3进行重构。

项目职责：

1.App端：运用vue2/3全家桶技术开发包括app首页、首页弹框、菜单列表、XXX等功能模块、支持了XXX等活动内容；

2.pc端：运用elementui框架实现XXX等功能:

3，小程序：运用uniapp技术实现XXX等功能；

4.后台管理系统：运用elementui框架开发首页轮播、中部banner、菜单等配置功能；

5，实现代码的组件化、配置化，开发过程中及时发现、处置风险，避免项目延期；

6.连续n年带领m人团队高质量完成前端开发工作；

7，制定前端编码格式化校验、代码一键修复、提交信息校验等代码工程规范；

3.2如何定向准备项目

在项目准备好后，很多人有类似的疑问：我能够知道项目如何写的，但是不知道面试如何表达。

其实这类问题也是有技巧的，建议针对每个项目都画流程图或者架构图，并且自行录音，每个项目限时5分钟。

可以参考以下架构图，面试的过程就是表达清楚架构图的过程，针对业务项目和技术项目都要绘制达到以下标准。

5.错误简历示范

·项目换的太频繁，一眼就没有看下去的欲望，面试官会直接pass掉，可以把最老的几个合并一下，然后最新的不变。项目讲的时候得从技术的角度讲出来，而不是业务描述讲出来

·项目写的太笼统，没有自己的核心亮点，通篇陈述基础概念

直接照抄技术项目，没有结合业务描述，会导致项目很生硬

中大厂面试场景题资源

怎么在前端页面中添加水印？
如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果
web网页如何禁止别人移除水印
react中怎么实现下拉菜单场景，要求点击区域外能关闭下拉组件
如何搭建一套灰度系统？
React 如何实现vue 中 keep-alive 的功能?
如何监控前端页面的崩溃？
如何在前端团队快速落地代码规范
前端如何实现即时通讯？
用户访问页面白屏了，原因是啥，如何排查?
如何给自己团队的大型前端项目设计单元测试?
如何做一个前端项目工程的自动化部署，有哪些规范和流程设计？
你参与过哪些前端基建方面的建设？
假如让你负责一个商城系统的开发，现在需要统计商品的点击量，你有什么样设计与...
前端怎么做错误监控？
token过期后，页面如何实现无感刷新？
如何解决页面请求接口大规模并发问题
web应用中如何对静态资源加载失败的场景做降级处理？
什么是单点登录，以及如何进行实现？
SPA首屏加载速度慢的怎么解决
Redux 和Vuex的设计思想是什么?
站点一键换肤的实现方式有哪些？
实现table header 吸顶，有哪些实现方式？
怎么实现扫码登录？
如果用户说web应用感觉很反应慢或者卡顿，该如何排查？
如何设计一套统计全站请求耗时的工具
说说你对package.json中配置项的了解
你是怎么理解前端架构的？
怎么分析页面加载慢的原因？
如何解决node_modules中，同一个包安装了多个不同版本的问题？
为什么在技术选型中选择了webpack?
前端项目里，一般对请求request做哪些统一的封装？
如果想在小程序中嵌入markdown的文档，你有什么思路？
前端如何实现截图？

JavaScript 面试题

相比于npm和yarn，pnpm的优势是什么？
如果使用Math.random() 计算中奖概率会有什么问题吗？
怎么使用js实现拖拽功能？
举例说明你对尾递归的理解，以及有哪些应用场景
说说你对 Iterator,Generator 和Async/Await 的理解
前端跨页面通信，你知道哪些方法？
说说你对模块化方案的理解，比如CommonJS、AMD、CMD、ESModule分别是什么？
JavaScript脚本延迟加载的方式有哪些？
怎么理解ES6中Generator的？使用场景有哪些？
导致页面加载白屏时间长的原因有哪些，怎么进行优化？
微前端中的应用隔离是什么，一般是怎么实现的？
JavaScript对象的底层数据结构是什么？
浏览器和Node中的事件循环有什么区别？
版本号排序
哪些原因会导致js里this指向混乱？
怎么实现大型文件上传？
说说你的ES6-ES12的了解
Promise的 finally怎么实现的?
怎么使用js动态生成海报？
异步编程有哪些实现方式？
AST语法树是什么?
JS内存泄露的问题该如何排查？
实现mergePromise函数
async、await实现原理
使用Promise实现：限制异步操作的并发个数，并尽可能快的完成全部
怎么实现一个扫描二维码登录PC网站的需求?
说说你对pnpm的了解
js中的倒计时，怎么实现纠正偏差？
深拷贝浅拷贝有什么区别？怎么实现深拷贝?
说说sourcemap的原理？
JavaScript中的sort方法是怎么实现的?
什么是PWA?
写出一个函数trans，将数字转换成汉语的输出，输入为不超过10000亿的数字。
你是怎么理解ES6中Proxy的？使用场景有哪些？
Promise中的值穿透是什么?
你是怎么理解ES6中Decorator的？使用场景有哪些？

React.js 面试题

fiber架构的工作原理？
React Reconciler 为何要采用 fiber 架构?
useState是如何实现的?
React Fiber是什么?
简单介绍下React中的 diff 算法
如何让 useEffect 支持 async/await?
React 中怎么实现状态自动保存(KeepAlive)?
React Fiber 是如何实现更新过程可控?
react中懒加载的实现原理是什么?
React有哪些性能优化的方法?
不同版本的 React 都做过哪些优化?
React19新特性
说说你对 React Hook的闭包陷阱的理解有哪些解决方案?
React 中，怎么给 children 添加额外的属性?
Fiber 为什么是 React 性能的一个飞跃?

Vue.js 面试题

Vue 模板是如何编译的
vue3 相比较于 vue2，在编译阶段有哪些改进?
说说Vue 页面渲染流程
Vue 项目中，你做过哪些性能优化?
如果使用Vue3.0实现一个 Modal，你会怎么进行设计?
Vue3.0里为什么要用 Proxy API替代defineProperty APl ?
Vue 有了数据响应式，为何还要 diff ?
说说 vue3 中的响应式设计原理
说说 Vue 中 css scoped 的原理
vue3 的响应式库是独立出来的，如果单独使用是什么样的效果?
手写 vue 的双向绑定
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
说下Vite的原理

Node.js 面试题

浏览器和 Node 中的事件循环有什么区别?
如何实现jwt鉴权机制?说说你的思路
怎么进行 Node 服务的内存优化?
为什么Node在使用es module时必须加上文件扩展名?
说说Node中的EventEmitter？如何实现一—个EventEmitter?
说说Node文件查找的优先级以及Require方法的文件查找策略？
两个 Node.js 进程如何通信?
pm2守护进程的原理是什么?
单线程的 nodejs 是如何充分利用计算机CPU 资源的呢?
body-parser 这个中间件是做什么用的?
说说对中间件概念的理解，如何封装 node中间件?

Typescript 面试题

什么是TypeScript Declare关键字?
Typescript 中的 getter/setter 是什么?你如何使用它们?
unknown 是什么类型?
never 是什么类型，详细讲一下
如何在TypeScript中实现继承?
说-说Typescript中的类及其特性。
请实现下面的 sleep 方法
Typescript中的方法重写是什么?
typescript 中的 is 关键字有什么用?
什么是Typescript映射文件?
Typescript中的类型有哪些?
Typescript中interface 和 type 的差别是什么?

编程题面试题

实现深拷贝
请手写“堆排序”
虚拟 dom 原理是什么，手写一个简单的虚拟 dom 实现
请在不使用 setTimeout 的前提下，实现setinterval
实现JSONP
实现一个类，其实例可以链式调用，它有一个sleep 方法，可以sleep一段时间后再...
编写一个vue组件，组件内部使用插槽接收外部内容，v-model双向绑定，实现折叠...
版本号排序
Promise 的 finally 怎么实现的?
实现 Promise
字符串解析问题

工程化面试题

说说你对前端工程化的理解
webpack loader 和 plugin 实现原理
为什么 webpack 可以通过文件打包，让浏览器可以支持 CommonJs 规范?
webpack tree-shaking 在什么情况下会失效?
微前端中的路由加载流程是怎么样的?
说下Vite的原理
说说你对 source Map 的了解
说说webpack的构建流程?
ES6 代码转成 ES5 代码的实现思路是什么?
webpack的module、bundle、chunk分别指的是什么?
webpack treeshaking机制的原理是什么?
为什么 SPA 应用都会提供一个 hash 路由好处是什么?