腾讯PCG前端暑期一面

面试官很和善，引导的很好，技术理解的题答不出来会讲解然后跳过，感谢1.主要拷打项目和实习工作时的主观能动性，比如为了解决什么样的问题或者需求做的，工作时对项目的整体架构探索和需求背景的了解；2.提问hook和工具函数的区别，只从复用角度为什么还要用的自定义hook而不是封装成工具函数；3.前端框架的意义；4.diff和如何降低多叉树复杂度；5.找出无序数组的连续区间（思路有但没写出来，刷题刷傻了，想复杂了）；6.如何使用ai工具，使用哪些编译器，项目编译前后分别是什么；7.vite，webpack如何配置；总之考察思维和开放题为主。收获：提升了自信，以及还是要提升解决问题的能力，不能一味刷八股...

面试官介绍部分 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天面试完一个小时约二面了

在你简历中的两个项目里，你觉得哪一个做得比较好或者更有技术含量？讲一下虚拟滚动的实现原理是什么？虚拟滚动在处理用户快速滚动时，底层是如何监听更新并保证页面流畅度、不掉帧的？针对 AI 对话的流式渲染，在技术选型时为什么要选择 SSE 而不是 WebSocket？结合 Markdown IT 工具，前端打字机效果具体是如何处理数据拼接和渲染的？你目前实现的打字机效果，是根据服务端响应的数据块增量渲染，还是真正做到逐字渲染的？假设后端逻辑不变，要求前端调整成“带有光标且挨个字匀速吐出”的真实打字机效果，你会怎么调整架构设计？如果这个 AI 对话平台要做到支持一万个用户同时在线，从前端或服务端的架构...

📍面试公司：字节🕐面试时间：3.30💻面试岗位：前端1、为什么学 Vue2、项目中 AI 使用情况3、Promise 常用的 API 有哪些，有什么区别4、Promise 状态含义，怎么流转的5、链式调用原理，then 不同情况下的返回值6、讲讲 async await，和 Promise 关系是什么，有什么差别7、写代码的时候怎么判断要用 async await 还是 Promise8、三个互不依赖的请求，用 async await 和用 Promise 的区别9、介绍项目难点10、agent 有哪些范式，差别，应用场景11、如果有需求用 AI coding 如何落地12、了解限速工程吗13、学习技术的方式代码题：1、同步异步输出（特别长，目前见过最长的，大概有二三十行）2、括号匹配 + 子串提取输入 ((a + b) + (c - d)) - 2输出 ['a + b', 'c - d', '(a + b) + (c - d)']输入 (()输出 error