前端实习生面经
完整信息
本篇目录
处女面就这么被 AI 夺走了
邮件里说约 20 分钟,但实际面了将近 50 分钟。主要是从项目里挑东西出来问,每个问题最后落脚点一定是纯八股,跟项目结合的很牵强
规则:每题先思考 10s,然后固定最长 5min 作答时间,时间没到可自己手动点提交
- 自我介绍+项目介绍
- React 更新机制
- React 虚拟 DOM 更新机制
- React Diff 算法
- React 组件重渲染条件
- React 和原生 JS 操作 DOM 的区别
- React 单向数据流如何更新视图
- 如何避免大量 DOM 同时重绘
- 打包优化
- 代码分割和动态导入原理
- 自动分包和手动分包的区别
- Vite 如何配置分包规则
- 防御与校验
- XSS 原理及防御
- 项目中如何实现 Schema 校验
- HTML 字符串如何清洗和转义
- 性能优化
- 如何定位画布性能瓶颈,权衡 Zustand 订阅粒度
- 如何量化细粒度订阅的额外开销
- 如何设计测试验证订阅粒度,能否用二分找平衡点
- Skill 加载
- Skill 与业务场景如何解耦,参考方案和具体改动
- 如何避免 Skill 误加载
- 前后端协调(这个我从另一个佬的面经里也看到了,估计是必考题)
- 前端升级被后端拒绝,如何说服并验证
- 讨论无果后,如何继续推动
- 对方仍拒绝,找谁协调,用什么数据证明必要性
感觉有个规律是,AI 几乎百分百会接着回答里的技术名词继续追问,因此可以在回答中主动的引导一下 AI。例如提到某种机制,后面可能就要求解释具体实现;提到性能优化,就会问量化方法和测试设计;协作题也会继续问具体行动、数据和协调对象。
本篇目录
当前问题0123
- 01
自我介绍+项目介绍
- 02
自我介绍+项目介绍
- 03
React 虚拟 DOM 更新机制
- 04
React Diff 算法
- 05
React 组件重渲染条件
- 06
React 和原生 JS 操作 DOM 的区别
- 07
React 单向数据流如何更新视图
- 08
如何避免大量 DOM 同时重绘
- 09
代码分割和动态导入原理
- 10
自动分包和手动分包的区别
- 11
Vite 如何配置分包规则
- 12
XSS 原理及防御
- 13
XSS 原理及防御
- 14
项目中如何实现 Schema 校验
- 15
HTML 字符串如何清洗和转义
- 16
如何定位画布性能瓶颈,权衡 Zustand 订阅粒度
- 17
如何量化细粒度订阅的额外开销
- 18
如何设计测试验证订阅粒度,能否用二分找平衡点
- 19
Skill 与业务场景如何解耦,参考方案和具体改动
- 20
如何避免 Skill 误加载
- 21
前端升级被后端拒绝,如何说服并验证
- 22
讨论无果后,如何继续推动
- 23
对方仍拒绝,找谁协调,用什么数据证明必要性
