Web前端场景题狗都不...背！背的就是项目场景题！

天塌了啊！现在面试都不爱问八股文了？！

最近听了网友的面试，发现一个明显趋势：对于中高级开发者，面试官基本不把重点放在八股文上了！ 他们更倾向于深挖你的项目：问细节、问技术方案、问实现逻辑。八股文？更像是走个过场。

不是说背八股文没用。 它当然重要，也必须要准备（想想看，要是连走个过场的题都答不上，多尴尬？）。

道理很简单：八股文能背，也能“装”；但真本事，装不了。 一个有经验的面试官，聊上几句项目，就能判断你肚子里有没有货。只懂八股文却没有实战经验？一两个追问就露馅了。

所以，该怎么办？

----------2025最新前端场景题面试攻略

• 1.如何判断用户设备
• 2.将多次提交压缩成一次提交
• 3.介绍下navigatorsendBeacon方法
• 4.混动跟随导航(电梯导航)该如何实现
• 5退出浏览器之前，发送积压的埋点数据请求，该如何做?
• 6.如何统计页面的long task(长任务)【热度:140】
• 7.PerfoemanceObserver如何测量页面性能
• 移动端如何实现下拉滚动加载(顶部加载)
• 9.判断贞签是否为活跃状态
• 10.在网络带宽一定的情况下，切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗?
• 11.大文件切片上传的时候，确定切片数量的时候，有那些考量因素
• 12.页面关闭时执行方法，该如何做
• 13.如何统计用户 pv 访问的发起请求数量
• 14.长文本溢出，展开/收起如何实现
• 15.如何实现鼠标拖拽
• 16.统计全站每一个静态资源加载耗时，该如何做
• 17.防止前端页面重复请求
• 18.ResizeObserver作用是什么

• 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 上面挂东西是否有什么风险【百度一面】

• 76.前端如何用 canvas 来做电影院选票功能【美团一面】
• 77.如何通过设置失效时间清除本地存储的数据?【腾讯二面】
• 78.如果不使用脚手架，如果用 webpack 构建一个自己的 react 应用
• 79.用 nodejs 实现一个命令行工具，统计输入目录下面指定代码的行数
• 80.package,json 里面 sideEffects 厘性的作用是啥【必会】
• 81.script标签上有那些厘性，分别作用是啥?【必会】
• 82.为什么 SPA 应用都会提供一个 hash 路由，好处是什么?
• 83.[React]如何进行路由变化监听【字节一面】
• 85.web 网页如何禁止别人移除水印【百度一面】
• 86.用户访问页面白屏了， 原因是啥，如何排查?
• 87.[代码实现JJS 中如何实现大对象深度对比
• 88.如何理解数据驱动视图， 有哪些核心要素?【腾讯二面】
• 89.vue-cli 都做了哪些事儿，有哪些功能?