前端工程师精选面经合集
10家公司
28篇面经
最新 热门
/feed/main/detail/f171927224ef435c9318a543622cd376/feed/main/detail/a059d247212246fc9c608fa4473b339e
腾讯前端暑期二战一面
面试官介绍部分 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天面试完一个小时约二面了
查看24道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/2d0cb1afbc364d42aadd2c1d1b71bdb0/feed/main/detail/74fcf994d5534650b7540f1142fb5b2a/feed/main/detail/19564256d2b04ee6a26aeb4e9adeacdd
TMEqq音乐前端暑期二面
面试时间:4.22下午3点 时长1h道心破碎了,对项目进行非常深度的拷问,还考了性能监测这一部分,以及一个音乐播放的场景题,全程基本无八股无手撕,最没有悬念的一次面试,g的不能再g,基本上考的都是我没有了解的知识,反问我直接问前面的答案了,还是太菜了,录音还忘记录了,算了反正也不敢听1. 自我介绍2. 虚拟列表怎么实现的3. 一道性能指标采集代码找错误,力竭了,根本找不出来,根本没了解过这部分知识4. 文件上传是怎么实现的5. 大文件分片上传时,计算 5MB 分片 MD5 大概要多久6. 如果文件很大,计算完整文件 MD5 很耗时,有什么性能优化方案7. Web Worker 在大文件 MD5 计算里能怎么用8. 服务端保存所有分片索引和分片文件,会不会导致碎片文件越来越多9. 分片合并完成后,服务端临时分片目录应该怎么清理10. 如果清理了分片,下次上传同一个文件还能不能做分片级别的秒传11. 秒传应该基于完整文件 hash 还是分片 hash12. 服务端怎么设计分片管理,才能避免既存完整文件又存所有分片造成空间浪费13. 如果两个文件部分分片相同、整体文件不同,怎么判断和复用分片14. 歌曲列表页点击歌曲后,如何打开一个独立播放页15. 如果播放页已经存在,列表页怎么通知已有播放页切换歌曲16. 怎么判断播放页是否已经存在或是否被关闭17. 如何用 LocalStorage 实现跨页面通信18. 如何用 LocalStorage 实现页面间心跳检测19. LocalStorage 轮询方案有什么性能问题20. 除了 LocalStorage,跨页面通信还有哪些更好的方案21. postMessage 和 Service Worker 怎么用于跨页面通信22. 歌曲列表中大量图片加载时,如何先展示占位图23. 图片加载成功后怎么切换为真实图片24. 图片加载失败后怎么展示失败图25. 如何通过图片的 load 和 error 事件判断加载状态26. 你接触过 React Native 或 Flutter 这类跨端技术吗27. Vite 相比 Webpack,为什么开发阶段启动更快28. Webpack 能不能也配置成使用 ES Module29. Vite 的热更新 HMR 是怎么实现的30. WebSocket 和 SSE 有什么区别31. 反问
查看30道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/30380c82a7c84bdc8fd42012933bb535/feed/main/detail/c4ad36da864d4ccab3b16d73e8aef8af/discuss/876488628204027904/feed/main/detail/170ea361f95d41dc889393ba07120ed5
04-21 16:38
已编辑
中山大学 前端工程师
字节抖音前端暑期二面
面试时间:4.21下午3点 时长55min目前面试起来压力最大的一场,面试官基本没有什么反馈,少量八股,其他全是对项目的拷打和场景题,吓哭了1. 自我介绍2. 你说的打包技术指的是 Webpack 还是 Vite3. 你是前后端都开发吗,包括 Node.js 吗4. 讲一下浏览器里的宏任务和微任务5. 浏览器事件循环和 Node.js 事件循环有什么区别6. 看代码说答案:事件循环相关7. 强缓存和协商缓存有什么区别8. TypeScript 里 type 和 interface 有什么区别9. 项目中 type 和 interface 怎么选择10. 介绍一下 SSE 的实现11. SSE 和 WebSocket 有什么区别12. 为什么你的 AI 对话项目选择 SSE 而不是 WebSocket13. 你的多轮对话项目只支持文字,还是也支持图片修改14. 如果要支持图片加工创作,和纯文字对话设计上有什么不同15. 多轮图片编辑或多轮文字对话出现意图偏移,怎么优化16. 上下文过长导致语义偏移,工程上怎么优化17. 你的上下文摘要压缩策略是怎么做的18. 讲一下你虚拟列表的整体实现思路19. Markdown 安全渲染里怎么防止 XSS20. 为什么选择做后台管理系统这个项目21. 大文件分片上传是怎么实现的22. JWT 双 Token 登录机制是怎么设计的23. 怎么基于双 Token 实现单点登录24. 权限管理是怎么设计的25. AI 生成代码和你手写代码的比例大概是多少26. 看代码说答案:this 指向相关27. 严格模式下 this 的输出有什么变化28. 两道手撕:实现带最大并发数限制的 Promise.all,LC101 对称二叉树29. 反问
查看29道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/b509b2d3705d460ab6ca003ad2fab0ad/feed/main/detail/0c74b6ef925542aba14a690be86bed54/feed/main/detail/96547834912a4a16be332ef9338f0900
TMEqq音乐前端暑期一面
面试时间:4.21早上10.40 时长45min面试官很友善,但是和昨晚的快手一样,公式八股,公式ai,公式项目,公式手撕,不过挺简单的1. 自我介绍2. Vue2 和 Vue3 有什么区别3. Proxy 相比 defineProperty 有哪些优势4. Vue 的计算属性和普通属性有什么区别5. 计算属性在你的项目里有哪些使用场景6. Vue 组件里的 data 为什么要写成函数返回对象7. v-model 本质上是什么语法糖8. v-for 里为什么要绑定 key9. 为什么一般不推荐用 index 作为 key10. 你的项目里做了哪些性能优化11. AI 对话项目里有用到 Agent 相关的东西吗12. 你觉得 AI 对前端开发有什么影响13. 你怎么理解 Prompt、Skills、MCP 和 RAG14. 你做项目过程中遇到最难的点是什么,怎么解决的15. 讲一下你自己实现虚拟列表的思路16. 讲一下你实现的 JWT 双 Token 登录机制17. 为什么会存在跨域18. JSONP 这种跨域方式你了解吗19. 强缓存和协商缓存有什么区别20. 讲一下事件冒泡和事件捕获21. 你了解事件委托吗,为什么列表场景会用事件委托22. 用 flex 实现左侧自适应、右侧固定宽度布局怎么做23. BFC 是什么,有什么作用24. 手撕:柯里化25. 你怎么看 AI 会代替程序员这个说法26. 反问
查看25道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/0a551d15663941e1a21c52c053f89918/feed/main/detail/47221a2f3e2e450b9a053a0e1478e202/feed/main/detail/3a3f9638f44d4b1faa0bcdaa11988ffc
快手商业化前端日常一面
面试时间:4.20晚上7点 时长35min面试官很友善,也很年轻,给我很强烈的一种公式的味道,从八股到项目到ai到手撕,特别强烈的公式感1. 自我介绍2. 讲一下浅拷贝和深拷贝的区别。3. Vue3 相比 Vue2 有哪些优点和升级?4. 你怎么理解 Vue3 里的 Hooks / 组合式逻辑?5. 你有没有自己封装过 hooks?适合在什么场景下封装?6. 讲一下 Vue 里的虚拟 DOM,它主要解决什么问题?7. 从输入 URL 到页面最终渲染出来,中间发生了什么?8. 多人协作开发时,Git 分支一般怎么管理?9. 如果你往公共分支提交了一段有 bug 的代码,怎么安全撤回?10. 你有了解或使用过 React 吗?11. 介绍一下你的 AI 对话平台项目,项目规模、页面结构和你负责的部分分别是什么?12. 你项目里用了 SSE,如果里面混合了文本、图片、视频,你会怎么处理?13. 你项目里的本地持久化机制是怎么做的?为什么用 Pinia 和 LocalStorage?14. 如果会话数据不断增长,LocalStorage 超出容量上限了怎么办?15. 如果把 SSE 改成 WebSocket,能力上能不能完全对齐?有哪些差异?16. 介绍一下你的通用后台管理系统项目,这个项目的难点是什么?17. 你们上传的文件一般是什么类型?18. 分片上传的分片策略是怎么设计的?为什么用这个阈值?19. 分片是越多越好还是越少越好?怎么权衡?20. 讲一下断点续传的完整实现流程。21. 秒传是怎么做的?核心判断依据是什么?22. 你做的前端性能优化有没有量化效果?怎么测出来的?23. 你平时学习前端主要通过哪些渠道?24. 你最近有了解哪些前端相关的 AI 工具?25. 你怎么理解 Skills?26. 手撕:LC20. 有效的括号27. 反问
查看26道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/7eb87cadc4124053bafffc8a9fb8859a/discuss/875772682124414976/feed/main/detail/4079c946213c4a81b945faf34376f9c5/feed/main/detail/cd5aee07bb9542bcb3ee4dd8150f1ab1/feed/main/detail/abc59ddc4e6c405eb216037cd96d9951
玩命加载中
写面经
发动态
发动态
发帖子
写文章

全站热榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务