ieg暑期前端一面 4.20

面试官介绍部分 pcg 腾讯视频1. 什么是闭包，什么时候会用到2. 电商项目中，如何将FCP从3.3优化到1.83. WebP与PNG、JPG图片格式区别4. SSE跟WebSocket的区别5. 流式对话中响应中断如何处理6. Agent中react模式是怎样的7. Skills、MCP、CLI三者区别与优缺点8. 什么是状态机，语音输入为什么要用状态机9. 封装组件需要遵循哪些原则10. AI聊天对话框如何实现，怎么承接SSE流式返回11. AI流式输出图片、PDF、富文本、Markdown、交互组件如何统一渲染12. 用户个人知识库搭建与完整使用流程13. 文档上传后解析、分块、向量化、入库、检索全流程14. 自研知识库和普通桌面AI上传文档问答区别、项目初衷15. Monorepo大仓与传统单层单体架构优缺点对比16. Monorepo和微前端是不是同一个东西，区别是什么17. 业界主流大仓、模块化工程方案有哪些18. 为什么需要微前端，解决什么痛点19. 常见微前端框架及各自特点20. 微前端适用场景与优缺点21. 对Harness Engineering的理解22. Agent人机等待、表单确认、对话交互闭环实现深度23. Harness工程是否有项目落地实践24. 面试回答流畅是提前准备还是真实项目积累反问：组内具体的业务根据面试表现给建议结果多久出 1-2天面试完一个小时约二面了

1、WebSocket 相关 - WebSocket 是不是第三方组件？→ 不是，是浏览器原生 API；心跳是自己封装的保活机制。 - 基于什么协议？→ 应用层协议，底层 TCP，握手用 HTTP，传输用 ws/wss。 - 怎么保持长连接？→ TCP 本身持久连接 + 心跳包定时发送，防止网关 / 防火墙断开。 2、小程序 /uni-app 开发 - 是否上线？用什么技术栈？→ 微信小程序已上线，用 uni-app + Vue 开发。 - 布局方式：Flex / Grid→ 主要用 Flex 弹性布局，适配移动端最强；Grid 了解但项目用得少。 3、React Native 开发 - 是否...

1. 项目为什么选择Vite，辨析Vite与Webpack，Vite热更新原理是什么？2. Node.js相较于其他后端的优势是什么？3. 高并发场景：1s内对数据库进行10w次写入，如何优化？4. Git：本地 commit 5 次，未 push，回滚到第 3 次，如何找回第 4、5 次提交？5. 辨析XSS与CSRF攻击6. 自动化脚本向输入框中填入1000w个手机号，发起获取验证码功能，前端如何防范或规避？7. 算法题：硬币找零问题（最少硬币数凑出金额，无法凑则返回 - 1）我只想有个班上....

一面(1小时无手撕)：1.实习经历拷打2.说说你知道的垃圾回收处理器3.G1的回收过程4.G1的筛选回收原理5.说说你认为并发情况下怎么做到不冲突6.说一下HashMap和ArrayList的底层原理7.innodb引擎不同隔离的区别以及怎么加锁的8.MVCC的原理9.redis分布式锁怎么做的，有什么问题10.看门狗机制说一下11.红锁了解吗，有什么问题，怎么解决这些问题12.io有哪些二面(不到半小时)：1.实习经历拷打2.手撕一道sql3.手撕一个类似hot100的节点的最近公共祖先，稍微变了一下