前端开发工程师一面面经

1、AI 流式对话项目相关 简单介绍 AI 流式对话项目，实现的方案是什么？是课程实践还是实习项目？ 项目中觉得亮点 / 有挑战性的部分是什么，展开讲实现？ 对话输出过程中，是否支持不暂停直接输入新指令追加输出？ 是否了解 Agent 落地应用？ MCP 协议原理是否了解？ 平时如何使用 Codex/Claude 等 AI 辅助开发？是 Vibe coding 模式吗？ 2、电商项目（性能、虚拟列表） 电商项目做了哪些性能优化，遇到什么核心问题，如何解决？ 性能优化前后对比，优化占比提升多少？ 前端性能核心指标有哪些，项目观测哪个指标？ 图片压缩使用自研算法还是第三方工具？ 虚拟列表是固定高度还是不定高？根据 scrollTop 如何计算渲染区间 start/end？ 虚拟列表 overscan 缓冲区设置太大、太小分别会产生什么现象？ 分析固定高度虚拟列表 range 函数代码存在哪些问题，如何优化？ 多 SKU 多规格组合，如何快速判断规格组合是否有库存？ A 标签页修改购物车，其他标签页如何立刻感知数据变化？ Whistle 代理解决跨域底层原理是什么？ NPM 一键启动脚本相关了解吗？ CSR 客户端渲染、SSR 服务端渲染分别适合什么业务场景？ 如果所有组件全部做懒加载拆分，会带来什么负向效果？ 3、网络 & 浏览器基础 在浏览器输入 URL 回车，完整发生哪些流程？ CDN 底层、网络交互过程了解吗？ HTTPS 加密握手完整过程？ 4、请求拦截、Token 处理 封装的请求拦截器底层原理是什么？ 20 个请求同时返回 401，如何做到只刷新一次 Token，批量重放其余请求？ 分析 demo 简易请求拦截器代码存在哪些问题？ 代码分包有哪些优雅实现方式？ 5、React 闭包代码题 给定 React useEffect + 定时器计数代码，输出 count 结果是什么？ 如果想要实现 1 秒 count+1，代码如何修改？ 无手撕，狠狠被炸