字节 Coze 前端日常一面

📍面试公司：美团🕐面试时间：3.15💻面试岗位：前端1、如何在项目中使用 AI 工具来提升效率2、HTTP 和 HTTPS 协议的区别3、用户在访问一个网站时，浏览器提示该网站的 HTTP 证书无效，如何处理这个问题4、为什么 SSL 证书过期会导致 HTTPS 连接出现问题？这个问题背后的原理是什么？5、什么是闭包，具体应用场景6、babble 的作用与原理7、如何确保转换后的代码在不同浏览器中的兼容性？如何配置 Babble？8、Babble 在处理 polyfill 时具体是如何避免全局污染的，以及在配置过程中会选择使用哪些工具或插件来实现这一点。9、设计一个前端路由系统时，需要支持路由懒加载和页面过度动画，说明实现思路以及如何优化首屏加载性能10、实现路由懒加载时，如何处理可能出现的加载延迟问题11、实现页面过度动画时，如何确保动画的流畅性和性能

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）我只想有个班上....

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

介绍Vue的响应式原理axioswebsocket和http的区别线程池测试: playwright, 黑盒白盒CICDhttp和https的区别http的构成tcp和udp的区别客户端和服务端怎么连接的怎么创建一个完整的http为什么要创建一个线程, 好处是什么pinia的作用restful api看项目的具体实现