今年面试过的应该深有体会，原理和场景，加项目，这些才是现在面试的主流内容。一板一眼的刷了半天八股题其实意义并不大。从24下半年到现在，很多公司需要的是入职即上手，可以稍微熟悉，但不能从头学习，这也是今年很多人喊“面试造火箭，入职拧螺丝”的原因。
那么针对八股原理和场景题，以及项目该如何去准备呢？
首先八股原理经常问到的都有什么？
比如
JavaScript
作用域、闭包、原型链、事件循环（Event Loop）、异步编程（Promise, async/await）
手写代码：常见如bind、call、apply节流与防抖，深浅拷贝，以及实现一个简单的Promise等。
前端框架 (React / Vue)
虚拟DOM与Diff算法、Fiber架构（React）
状态管理：React中如何使用Redux或Context API，Vue中的Vuex
工程化与性能优化
构建工具：Webpack或Vite的基本原理与配置（如Loader、Plugin）
性能优化：代码分割、压缩资源、懒加载、减少重绘重排
TypeScript
类型推断、类型守卫、工具类型
以上：https://github.***/encode-studi
2025大厂前端面试必问场景题
1.如何判断用户设备
2.将多次提交压缩成一次提交
3.介绍下navigator.sendBeacon方法
4.混动跟随导航（电梯导航）该如何实现
5退出浏览器之前，发送积压的埋点数据请求，该如何做？
6如何统计页面的long task（长任务）【热度：140】
7.PerfoemanceObserver如何测量页面性能
移动端如何实现下拉滚动加载（顶部加载）
9.判断页签是否为活跃状态
10.在网络带宽一定的情况下，切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗？
11.大文件切片上传的时候，确定切片数量的时候，有那些考量因素
12.页面关闭时执行方法，该如何做
13.如何统计用户pv访问的发起请求数量
14.长文本溢出，展开/收起如何实现
15.如何实现鼠标拖拽
16.统计全站每一个静态资源加载耗时，该如何做
17.防止前端页面重复请求
18.ResizeObserver作用是什么
19.要实时统计用户浏览器窗口大小，该如何做
20.当项目报错，你想定位是哪个***mit引l入的错误的时，该怎么做
21.如何移除一个指定的***mit
22.如何还原用户操作流程
23.可有办法将请求的调用源码地址包括代码行数也上报上去？
24.请求失败会弹出一个toast,如何保证批量请求失败，只弹出一个toast【热度：420）
25.如何减少项目里面if-else【热度:310】
26.babel-runtime作用是啥【热度：200】
27.如何实现预览PDF文件
28.如何在划词选择的文本上添加右键菜单（划词：标滑动选择一组字符，对组字符进行操作）【热度：100】
29.富文本里面，是如何做到划词的（鼠标滑动选择一组字符，对组字符进行操作？【热度：100】
30.如何做好前端监控方案【热度：672】
31.如何标准化处理线上用户反馈的问题【热度：631】
32.px 如何转为rem【热度：545】
33.浏览器有同源策略，但是为何cdn请求资源的时候不会有跨域限制【热度：579】
34.cookie可以实现不同域共享吗【热度：533】
35.axios是否可以取消请求【热度：532】
36.前端如何实现折叠面板效果？
37.dom里面，如何判定a元素是否是b元素的子元素【热度：400】
38.判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。该如何判定？
39is如何判空？「空]包含了：空数组、空对象、空字符串、0、undefined、null、空map、空set都属于为空的数据【热度：640】
40.css实现翻牌效果【热度:116】
41.flex:1代表什么【热度：400】
42.一般是怎么做代码重构的
43.如何清理源码里面没有被应用的代码，主要是JS、TS.CSS代码【热度：329】
44.前端应用如何做国际化？【热度：199】
45.应用如何做应用灰度发布【热度:247】
46.「微前端]为何通常在微前端应用隔离，不选择iframe方案【热度：280】
47.[微前端]Qiankun是如何做JS隔离的【热度：228】
48.[微前端]微前端架构一般是如何做JavaScript隔离
49.[React]循环渲染中为什么推荐不用index 做key【热度:320】
50.[React如何避免使用context的时候，引起整个挂载节点树的重新渲染【热度：420】
51.前端如何实现截图？
52.当QPS达到峰值时,该如何处理？
53.js超过Number最大值的数怎么处理？
54.使用同一个链接，如何实现PC打开是web应用、手机打开是-个H5应用？【腾讯二面】
55.如何保证用户的使用体验【字节一面】
56.如何解决页面请求接口大规模并发问题【必会】
57.设计一套全站请求耗时统计工具
58.大文件上传了解多少【百度一面】
59.H5如何解决移动端适配问题【美团一面】
60.站点一键换肤的实现方式有哪些？【美团一面】
61.如何实现网页加载进度条？【百度一面】
62.常见图片懒加载方式有哪些？【京东一面】
63.cookie构成部分有哪些【百度一面】
64.扫码登录实现方式【腾讯一面]
65.DNS协议了解多少【字节一面】
66.函数式编程了解多少？【京东一面】
67.前端水印了解多少？【腾讯一面】
68.什么是领域模型【必会】
69.一直在window上面挂东西是否有什么风险【百度一面】
70.深度SEO优化的方式有哪些，从技术层面来说
71.小程序为什么会有两个线程【腾讯一面】
72.web应用中如何对静态资源加载失败的场景做降级处理
73.html中前缀为data-开头的元素厘性是什么？
74.移动端如何实现上拉加载，下拉刷新？【字节一面】
75.如何判断dom元素是否在可视区域【字节一面】
76.前端如何用canvas来做电影院选票功能【美团一面】
77.如何通过设置失效时间清除本地存储的数据？【腾讯二面】
78.如果不使用脚手架，如果用webpack构建一个自己的react应用
79.用nodejs实现一个命令行工具，统计输入目录下面指定代码的行数
80.packagejson里面sideEffects厘性的作用是啥【必会】
81.script标签上有那些厘性，分别作用是啥？【必会】
82.为什么SPA应用都会提供一个hash路由，好处是什么？
83.[React]如何进行路由变化监听【字节一面】
84.单点登录是是什么，具体流程是什么【腾讯一面】
85.web网页如何禁止别人移除水印【百度一面】
86.用户访问页面白屏了，原因是啥，如何排查？
87.[代码实现]s中如何实现大对象深度对比
88.如何理解数据驱动视图，有哪些核心要素？【腾讯二面】
89.vue-cli都做了哪些事儿，有哪些功能？
90.JS执行100万个任务，如何保证浏览器不卡顿？【百度一面】
91.JS放在head里和放在body里有什么区别？
92.Eslint代码检查的过程是啥？【必会】
93.虚拟混动加载原理是什么，用JS代码简单实现一个虚拟滚动加加载
94.[React]react-router和原生路由区别
95.html的行内元素和块级元素的区别【京东一面】
96.介绍-下 requestlIdleCallback api
97.documentFragment api是什么，有哪些使用场景？【必会】
98.git pull和 git fetch 有啥区别?
99.前端如何做页面主题色切换【腾讯一面】
100.前端视角-如何保证系统稳定性【字节一面]
101如何统计长任务时间、长任务执行次数【腾讯二面】
102.V8里面的JT是什么？【京东一面]
103.用Js写一个cookies解析函数，输出结果为一个对象
104.vue中Scoped Styles是如何实现样式隔离的，原理是啥
105.样式阿商方式有哪些【字节一面】
106.在JS中，如何解决递归导致栈溢出问题？
107.站点如何防止爬虫？【百度一面】
108.ts项目中，如何使用nodemodules里面定义的全局类型包到自己项目src下面使用？【百度二面】
109.不同标签页或窗口间的【主动推送消息机制】的方式有哪些？（不借助服务端）
110.[React】在react项目开发过程中，是否可以不用react router使用浏览器原生history路由来组织页面路由？
111.在表单校验场景中，如何实现页面视口滚动到报错的位置
112,如何一次性渲染十万条数据还能保证页面不卡顿【百度二面】
113.【webpack】打包时hash码是如何生成的【必会】
114.如何从0到1搭建前端基建【京东一面】
115.你在开发过程中，使用过哪些TS的特性或者能力？【美团一面】
116.JS的加载会阻塞浏览器渲染吗？【百度一面】
117.浏览器对队头阻寒有什么优化？【百度一面）
118.Webpack项目中通过script标签引入资源，在项目中如何处理？
119.应用上线后，怎么通知用户刷新当前页面？【腾讯一面】
120.Eslint代码检查的过程是啥？
121.HTTP是一个无状态的协议，那么Web应用要怎么保持用户的登录态呢？
122.如何检测网页空闲状态（一定时间内无操作）【百度二面】
123.为什么Vite速度比Webpack快?
124.列表分页，快速翻页下的竟态问题【百度二面】
125.JS执行100万个任务，如何保证浏览器不卡顿？
126.git仓库迁移应该怎么操作
127.如何禁止别人调试自己的前端页面代码？【字节二面】
128.web系统里面，如何对图片进行优化？【必会】
129.0Auth2.0是什么登录方式
130.单点登录是如何实现的？
131.常见的登录鉴权方式有哪些？
132.需要在跨域请求中携带另外一个域名下的Cookie该如何操作？
133.vite和webpack 在热更新上有啥区别？
134.封装一个请求超时，发起重试的代码
135.前端如何设置请求超时时间timeout【必会】
136.nodejs如何充分利用多核CPU?【字节二面】
137.后端一次性返回树形结构数据，数据量非常大前端该如何处理？
138.你认为组件封装的一些基本准则是什么？
139.页面加载速度提升(性能优化)应该从哪些反向来思考？
140.前端日志埋点SDK设计思路
141.token进行身份验证了解多少？【腾讯一面】
142.在前端应用如何进行权限设计？【字节二面】
143.【低代码】代码平台一般消染是如何设计的？
144.【低代码】代码平台一般底层协议是怎么设计的
145.【Webpack】有哪些优化项目的手段？
146.IndexedDB存储空间大小是如何约束的?
147.浏览器的存储有哪些【腾讯一面】
148.【Webpack】如何打包运行时chunk，且在项自工程中如何去加载这个运行时chunk？
149.为何现在市面上做表格泊染可视化技术的，大多数都是canvas，而很少用svg的？
150.在你的项目中，使用过哪些webpack plugin,说一下他们的作用
151.在你的项目中，使用过哪些webpackloader,说一下他们的作用
152.【React】如何避免不必要的染？【美团一面】
153.全局样式命名冲突和样式盖问题怎么解决？
154.【React】如何实现专场动画？
155.【React】从React层面上，能做的性能优化有哪些？
156.【VUE】中为何不要把v-f和v-for同时用在同一个元素上，原理是什么？
157.将静态资源缓存在本地的方式有哪些？
158.SPA首屏加载速度慢的怎么解:决
159.axios是如何区分是nodejs环境还是浏览器环境的?
160.如何拦截web应用的请求
161.前端有哪些跨页面通信方式？
162.H5下拉刷新如何实现？
163.如何修改第三方npm包?
2025中大厂前端面试项目参考题
1. 测试和调试
2.跨域请求问题
3.数据安全和隐私保护
4.移动端触摸事件处理
5.性能优化
6. 响应式布局的挑战
7.浏览器兼容性问题
8.获取首页链接里面的参数问题
9. 更新文件缓存的坑
10.解析后端返回的map格式数据的坑。
11.vue组件动态加载的坑
12.页面缓存的坑。
13.路由传参的功能的坑。
14. axios请求中post请求的坑。
15.为什么需要二次封装组件库？
16.请结合一个组件库设计的过程，谈谈前端工程化的思想
17.如何对一个组件库进行测试？
18.在使用qiankun时，你如何处理多个子项目的调试问题?
19.你能解释一下 qiankun 如何实现keep-alive的需求吗?
20.在使用qiankun时，你如何处理js沙箱不能解决的js污染问题？
21.在项目中有没有单独封装组件
22.在项目中发送请求怎么携带token
23.工作中有用到git吗
24. git版本发生冲突你怎么解决的
25.如何快速让一个盒子水平垂直居中
26.首屏加载白屏怎么进行优化
27.路由传参query与 params区别
28.项目基础优化
29.对 $nextTick异步渲染的理解
30.你是怎么对axios进行二次封装的，有什么作用
31.用戶token失效你是怎么处理的
32.说一下项目的流程
33.商品和增删改查
34.Element-UI 的form表单验证你是怎么使用的
35.项目中的商品详情页你是怎么实现的
36.什么是数组扁平化
37.你这个项目登陆是怎么实现的
38.项目中的权限管理怎么实现的
39.Vue的SnextTick0方法有用到过吗
40.深拷贝与浅拷贝
41.在Vue是项目中如何打开新的页面
42.请解释一下微前端的概念以及它的主要优点和挑战?
43.你能详细描述一下qiankun微前端框架的工作原理吗？
44.在使用qiankun时，如果子应用是基于jQuery的多页应用，你会如何处理静态资源的加载问题？
45.在使用qiankun时，如果子应用动态插入了一些标签，你会如何处理？
46.在使用qiankun时，你如何处理老项目的资源加载问题？你能给出一些具体的解决方案吗？
47.你能解释一下qiankun的start函数的作用和参数吗？如果只有一个子项目，你会如何启用预加载？
48.axios-请求中post请求的坑
49.路由传参的功能的坑
50.页面缓存的坑
51.vue组件动态加载的坑
52.解析后端返回的map格式数据的坑
53. 更新文件缓存的坑
54.h5页面打开调试日志
55.获取首页链接里面的参数问题
56.h5里面的搜索
57.登录接口bug
58.封装的请求方法不需要在传入相同的参数。
59.进来不在index.htmI文件里面引入公共的文件
60.你做的项目中都使用过那些中间件呢？
61.你在开发过程中有什么因难点（或者使用了什么技术）
62.会写接口吗？项目你负责什么?
63.你之前做过小程序吗？主要包括哪些功能？
64.这个小程序的具体设计逻辑是怎么样的？有几个人开发？周期多长？在你离职时，这个小程序项目是否还在开发？或者你离职时，你们公司在开发什么？
65.你说你负责支付环节，那么微信支付的流程是否可以简单说一下？
66.那好，既然流程说完了，那么，我问你，你这个项目涉及到了mb，它在用戶点击支付之后的逻辑关系和表关系你是怎么理解的？有多少张表？表关系？
67.你觉得这个小程序项目的细节之处有哪些？
68.如何自定义tabbar?
69.你刚才提到了异步，在这个项目中你是否被异步坑过，最后又是如何解决的？
70.你能描述一下渐进增强和优雅降级之间的不同吗？
71.为什么利用多个域名来存储网站资源会更有效？
72.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用戶更好的体验。
73.一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？
74.前端如何进行登录身份的判断
75.电商项目跟其它项目有什么不同？
76.实践题
77.项目开发中有遇到什么挑战没？
78.项目研发流程中作为前端开发一般扮演的啥角色？
79.现在有的项目中觉得哪些项目可以继续优化，为啥没有优化?
80.平时写项目总结么，一般总结哪些东西？
81.请简单绘制登录场景的业务流程图，如不熟悉登录业务，也可以选择自己之前项目的业务简单说明。
82.项目上线后，会将index.html给后端，在地址栏上输入http://www.abc.***，当在地址后面缀上/layout回车后，页面会报404，是否遇见过这个问题，又该如何去解决？
83.项目中由谁定接口，公司文档如何管理，由谁负责上传代码，怎么上传代码的，项目发布都是怎么做的？
84.请你说说高级前端工程师和初级以及中级有什么区别？
85.用过echars与highchars么，你遇到哪些问题及如何解决的
86.项目开发中是用什么工具来管理代码的；说一下你是用过的工具用法(git、svn)
87.讲一下最近的这个项目中都负责什么
88.怎么判断是开发环境生产环境
89.Vue如何在用戶没登陆的时候重定向登录界面？
90.Vue项目常见优化点
91.异步解决方案有哪些？
92.移动端点击事件300ms延迟如何去掉？原因是什么？
93.如何实现函数的柯里化?比如add(1)(2)(3）
94.什么是反柯里化
95.如何避免回调地狱？
96.开发过程中遇到内存泄漏的问题都有哪些？
97.浏览器有哪些兼容问题，你封装过什么插件
98.假如A页面我定义了一个定时器，然后跳到B页面如果让A页面的定时器暂停
99.深拷贝是什么？项目哪里是用到了深拷贝？
100.swiper插件从后台获取数据没问题，cs代码啥的也没问题，但是图片不动，应该怎么解决？
101.常见内存泄漏
102.插入几万个dom，如何实现页面不卡顿?
OK，以上内容都有对应答案，希望能帮到你们
以上：https://github.***/encode-studio-fe/natural_traffic/wiki/scan_material5
觉得有帮助麻烦伸出发财的小手帮我点点小心心哈~五体投地式感谢！！！
