招了一个前端岗男生才两天就被劝退了
上周团队入职一位前端新人，简历项目丰富，Vue
/
React/
Vite 样样都会。可一上手真实需求，问题比控制台报错还密集
以下是几个典型沟通还原，建议每位前端都看看怎么“答在点上”。
🎯 Q：页面加载慢，怎么优化？
❌ “清缓存、网络问题吧？”
✅ 正解：
用 Lighthouse
分析，定位瓶颈。我们曾发现首屏 JS 过大，通过路由懒加载
+ 第三方库 CDN 引入 + `<link rel="preload">` 预加载关键资源，将首屏时间从 4.1s 降至 1.8s，跳出率下降 35%。
🎯 Q：按钮重复点击导致多次提交？
❌ “加 loading 就行。”
✅ 正解：
UI 禁用只是第一步。必须结合状态锁（如 `isSubmitting`）和
防抖，关键操作还需服务端做幂等校验
（如订单 token）。之前因漏做，导致用户连点生成 500+ 重复订单。
🎯 Q：Vue 组件不更新怎么办？
❌ “加 key 或刷新页面。”
✅ 正解：
先查是否违反响应式限制：Vue 2 中动态添加属性未用 `$set`，数组索引赋值无效，对象整体替换丢失监听。用 Vue DevTools
查数据流，必要时 `watch` 深度监听或 `nextTick` 控制时机。
🎯 Q：线上白屏，报错 ‘Cannot read property’ 怎么处理？
❌ “重启 Nginx
，让用户刷新。”
✅ 正解：
立即查 Sentry 错误日志，定位堆栈和用户路径；检查异步数据是否未兜底（如 &
#x60;res.data?.list`）；回溯 Git 确认字段变更；紧急发热更，并补 TypeScript 类型约束 + 单元测试防复发。
总结问题：
1. 前端如何实现截图？
2. 当QPS达到峰值时, 该如何处理？
3. js 超过 Number 最⼤值的数怎么处理？
4. 使⽤同⼀个链接， 如何实现 PC 打开是 web 应⽤、⼿机打开是⼀个 H5 应⽤？
5. 如何保证⽤⼾的使⽤体验
6. 如何解决⻚⾯请求接⼝⼤规模并发问题
7. 设计⼀套全站请求耗时统计⼯具
8. ⼤⽂件上传了解多少
9. H5 如何解决移动端适配问题
10. 站点⼀键换肤的实现⽅式有哪些？
11. 如何实现⽹⻚加载进度条？
12. 常⻅图⽚懒加载⽅式有哪些？
13. cookie 构成部分有哪些
14. 扫码登录实现⽅式
15. DNS 协议了解多少
16. 函数式编程了解多少？
17. 前端⽔印了解多少？
18. 什么是领域模型
19. ⼀直在 window 上⾯挂东西是否有什么⻛险
20. 深度 SEO 优化的⽅式有哪些， 从技术层⾯来说
21. ⼩程序为什么会有两个线程
22. web 应⽤中如何对静态资源加载失败的场景做降级处理
23. html 中前缀为>
31. script 标签上有那些属性，分别作⽤是啥？
32. 为什么 SPA 应⽤都会提供⼀个 hash 路由，好处是什么？
33. [React] 如何进⾏路由变化监听
34. 单点登录是是什么， 具体流程是什么
35. web ⽹⻚如何禁⽌别⼈移除⽔印
36. ⽤⼾访问⻚⾯⽩屏了， 原因是啥， 如何排查？
37. [代码实现] JS 中如何实现⼤对象深度对⽐
38. 如何理解数据驱动视图， 有哪些核⼼要素？
39. vue-cli 都做了哪些事⼉，有哪些功能？
40. JS 执⾏ 100 万个任务， 如何保证浏览器不卡顿？
41. JS 放在 head ⾥和放在 body ⾥有什么区别？
42. Eslint 代码检查的过程是啥？
43. 虚拟混动加载原理是什么， ⽤ JS 代码简单实现⼀个虚拟滚动加加载。
44. [React] react-router 和 原⽣路由区别
45. html的⾏内元素和块级元素的区别
46. 介绍⼀下 requestIdleCallback api
47. documentFragment api 是什么， 有哪些使⽤场景？
48. git pull 和 git fetch 有啥区别？
49. 前端如何做 ⻚⾯主题⾊切换
50. 前端视⻆ - 如何保证系统稳定性
……太多啦，不全展示啦~
篇幅所限本文就只贴部分题目了，答案的话我整理的一套《2025前端最新场景题面试攻略》PDF里都有！
方法无锁设计)
