快手前端面试一、面试核心考点（全覆盖）双 Token 无感登录（全程重点）RefreshToken 过期处理微服务鉴权架构：网关 / 登录中台 / 业务服务现场手写：秒数转时分秒 + 开始倒计时 + 复位二、每道题标准答案（可直接复用）1. 双 Token 无感登录实现登录返回 AccessToken（短） + RefreshToken（长）前端请求携带 AccessToken过期由服务端 / 网关返回 401前端自动用 RefreshToken 刷新，成功则重试接口，用户无感前端不判断过期，只做携带、刷新、重试2. RefreshToken 也过期怎么处理响应拦截器统一捕获清空 Token、...

题型三个选择题三个编程题选择题考察前端基本知识（时间循环，代码输出结果）编程题考察基本前端手撕题和场景题手撕（函数柯里化，扁平化对象，promise）

05-14 一面（30min）1.自我介绍2.讲两个实习期间的项目、功能和核心流程3.实习期间有成长的地方、难点亮点、印象深刻的地方4.对react的理解、有哪些优点和缺点（虚拟dom、fiber架构、diff算法、jsx、react生态等）5.做过哪些性能优化6.场景题：类似抖音视频左右滑动，初始化有很多个视频，怎么保证首次快速加载7.左右滑动怎么保证视频加载不卡顿、下次用户打开网页怎么保证视频快速加载8.LocalStorage存储内存有上限，了解过其他存储方式么？（IndexDB）9.用到过Tailwind么？10.多端适配有做过么、怎么做的、有哪些方案？（媒体查询、flex/grid响应式布局、wv/wh相对单位）11.在各种屏幕尺寸如何保证某个元素的的宽高尺寸比例保持一致（说了浏览器的缩放倍率、css的aspect-ratio属性、以及图片多个尺寸搭配source和size适配）12.能实习多久13.反问技术栈和项目面完没下文了，复盘听录音的时候感觉回答的不是很好，有几率是凉了🥹

1.自我介绍2.算法题： 最长递增子序列，对比版本号3.实习项目中遇到的难点是什么？如何解决的？4.提到了用AI迭代改代码？具体怎么做的？怎么检查AI写的代码的？（问了好些记不得了）5.批量请求与缓存策略怎么实现的？6.提到了SessionStorage，sessionstorage和localstorage的区别？7.这些缓存可以无限存吗（应该是想让我说indexDB）8.项目拷打，暗黑亮色模式主题切换怎么实现的？9.项目里有登录功能吗？怎么做的？10.提到了cookie，cookie有哪些属性？11.SameSite是什么用的？JS可以获取cookie吗？ 有效期如果后端想让他无效怎么实现？12.组件库项目有什么比较复杂的组件，怎么实现的？13.只用过Vue框架是吧，别的有了解吗（没有）14.Vue2和Vue3的数据双向绑定区别？15.现在还在实习吗？要实习到多久？反问：1.我接下来应该提升什么？ （看中学习能力，基础好，会用AI的应届生）2.部门主要业务是什么？3.暑期实习开到什么时候？

25个选择题，2个编程算法题选择题考察大模型比较多，其余少量前端知识题少量计算机网络，操作系统。编程题图片贴在下面。

5-06 一面（40min）1.自我介绍2.前端学习多久了3.前端怎么学的，都学过哪些东西，通过什么途径学的4.有看过一些书么，前几年5.看书看视频这些对你有帮助么？6.对于前端三件套和这些基础知识，你认为你掌握到什么程度了7.es5和es6他的规范都有了解么？8.你觉得es5和es6都有哪些差异？9.上一段实习为啥离职10.这三个月里你都具体接触了哪些事情，除了简历上的这些11.项目上的基础功能：字幕高亮滚动这个是怎么实现的12.技术方案是你自己定的还是说有一些可参考13.ai帮你做了哪些技术方案14.你怎么保证ai给你的的结果是对的呢？15.好的，如果从技术手段来保证你的正确性，你觉得该怎么做16.通用模块的封装，这些都做了哪些事情17.自定义hook跟常规的utils方法有什么本质的区别18.关于前端以后的发展方向你是怎么来看的呢19.如果前端转全栈，你觉得前端还需要学习哪些东西20.你觉得你现在走到了哪一步（前端转Ai全栈这条路）21.你觉得你这个阶段（全栈+AI）需要花多久？22.用什么ai工具23.共享屏幕，vibe coding，做两个事情24.1: 写播客字母滚动demo（你用他的过程是直接去写代码是么？）25.2: 写完第一个就没让写了（估计有点惨不忍睹了）....26.反问几乎没有八股手撕和算法，回答得超级差劲，都以为绝对秒挂的，但是没想到第二天中午约二面了🤣05-08 二面（1h）1. 自我介绍2. 一面有手写代码么？3. 介绍实习的项目4. 这个项目是你 mt 带着你做的么？5. 你们项目做了移动端又要做小程序，他俩是分开的么，这一块是怎么考虑的6.pc 端和小程序是维护的同一个项目么？7. 小程序底层技术栈是用的什么？8. 音色复刻前端应该只是展示什么的吧，你有了解后端或者大模型是怎么实现的音色复刻么？9. 用户上传的内容，如果体积太大你是怎么处理的10. 有了解过大文件分片上传和断点续传是怎么做么？11. 项目中的多语言方案是你出的么还是组内现有的方案？12. 你提到的响应式多语言方案，这个响应式指的是？13. 我还是没有理解，这和常规的那种多语言方案有什么区别，有样例么，或者你给我写一个这两种方式的例子14. 我可能没有太理解你说的循环是什么意思，这里并没有涉及到循环15. 或者换一个问题，你现在的目的就是说服我，要用你的这种方案，而不是第三方库的这种方案16. 那你有没有调研过其他小程序项目在做国际化的时候用的什么方案17. 你了解引入第三方库后的那个翻译函数 T 里面做了哪些内容？18. 你的语言包整体是存到本地的嘛？这不会导致体积很大么？19. 你说的这一条我就更不理解了（我提到的：将语言包存到后端网不好可能加载比较慢），语言包本身是一次性的东西，为什么就比较耗时呢？20. 回到刚刚的一个点，你还提到了使用第三方库和你现在的这种方案会导致 dom 产生两种不同的效果，能具体说一下么？21. 我觉得你得下去再看一下，造成真正闪烁的原因不一定是这种方式造成的22. 你的个人项目是怎么找的需求场景？为什么要写这个项目呢？23. 项目还在用么？一共几个人，你在其中的工作是？24. 你自己写过一些 skills 是吧？25. 你在实习期间，有些过一些什么工具来辅助你，提升开发效率么？26. 那你用 ai 的这种 skill 来规范你的代码格式，和你在 eslint 中去配置，这俩有啥区别呢？27. 你觉得你在 ai coding 过程中效率有提升么？28.ai 研发可以分成几个阶段：1 - 和 ai 对话式交流 ai 辅助开发 2 - 在 ai 辅助开发的基础上加一些工具 3-ai 自主研发，你现在是在哪一阶段？29. 如果说让你到 ai 自主研发的这一阶段，你会怎么去把自己的能力往上靠？30. 对于你的这个小程序，如果让你用工具开发的这种方式来做，你会做哪些工具呢？31. 你提到的 skill，那如果对于一个小程序的开发，你会怎么去划分 skill 来应对整个项目开发呢？比如：需求阶段 skill、编码阶段 skill....32. 假如你要写一个需求澄清的 skill, 你会怎么让 ai 去写？33. 你的 ai 音视频实时通话系统大概是个什么样的项目？34. 手撕：红绿灯循环函数（3s 打印红灯、过 1s 后打印黄灯、再过 3s 打印绿灯）35. 反问：组内技术栈和项目面炸了我去，我表述可能含糊了点，她听不太懂，特别是在国际化语言切换那部分，被拷打麻了，然后整体上回答得超级超级差，面完没消息了，应该是挂了

自我介绍； 1.数组类型怎么判断？有哪些判断类型的方法？typeof 有什么坑？2.ts，interface 和 type 的区别？interface 可以多类型继承吗？对象如何灵活的写 interface，key 和 value 都有类型要求？3.useMemo 和 useEffect 的执行时机？useEffect 为什么要放在页面渲染后执行而不是一起执行？useEffect 不同依赖情况的执行情况？为什么 hook 的调用不能写到条件语句？那 React 要设计成这种链表结构的 hook 呢？是设计缺陷吗？你觉得 React 设计的好吗？了解 solidjs 吗？4.写一个自定义 hook usePrev（）闭包捕获旧值/擦居然没写出来，陈旧闭包这一块讲的头头是道😂5.项目八股延伸，markdown 渲染时HTML 标签缺失怎么解决？6.sse 和 WebSocket 的区别？7.项目开发怎么用 ai 的？8.mcp 和 Skills 的区别？9.看我借鉴了 mcp 的思路以为我是懂哥，然后问 mcp 相关，我说只借鉴了他的 schema 思想。10.Rag 什么作用？项目的 Rag 是怎么设计的？11.现在这个时代你觉得前端还有未来吗？怎么打算的？反问；老铁问的确实太偏技术了，对于代码能力区简直是酱味大鸡。而且感觉面试偏开发性的问题比较多，可能是想看看你的举一反三能力吧。总结：ts 深入（灵活类型，多级继承）❌mcpSkills 这一块答的不好❌hook 没写出来，为什么要设计成链表结构❌为什么 useMemo 和 useEffect 不和函数组件一起执行？❌估计炸缸了，再接再厉

自我介绍、介绍项目rag问答这里是怎么做的它是作为ai的一个功能还是另外的功能你平常是用什么vibecoding工具平常是怎么用vibecoding的你觉得使用vibecoding时候有什么需要注意的有没有用过superpower、open(啥啥啥，没听清)（应该是在功能一开始开发的时候腐竹vibecoding工具的东西）有没有做一些性能优化反问：假如我进入公司，需要做什么？您对我的能力有什么建议吗？您平常是怎么用vibe coding工具的？答复：下午可能有人事找你聊聊可能我的描述都很细节？面试官没有什么追问，也没问什么细节，半个小时不到结束了。介绍项目我记得用了十分钟。八股是一点没问反思：我问到“对我的能力有什么建议吗”，面试官回答说专业能力可以，ai使用有一些自己的理解但不太熟练。我现在觉得ai使用能力是一个必须的技术栈，需要被认真对待，这方面需要提升。

一面 时长30min 无手撕1. 讲讲原型链2. 用过的es6新特性3. es7新特性4. 为什么要用typescript，怎么用的5. vue2、vue3的区别，技术演进6. components、utils、hooks的区别，实现一个功能，应该用三者中的哪一个，判断依据是什么7. 用过webpack吗 为什么用vite8. tree shaking 代码分割的原理9. 说说按需加载10. esm和cjs区别11. sass和less区别 为什么用sass12. node用过吗，怎么用的，中间件13. 洋葱模型14. 讲讲项目性能优化15. chunk是什么，你们用的什么命名方式，chunk的命名有什么具体含义16. ai怎么用的17. claude code用的什么套餐价格18. 页面空白然后报错，怎么和ai交互修复bug，怎么保证他修的是对的呢19. 印象比较深的bug，ai帮你解决的20. 最近学了什么新技术反问- 岗位对候选人的要求- 对面技术栈（react）- 给我的建议

第一次面试，非常紧张，啥都忘了，周末出结果，我感觉已经寄了。要求十点到，我九点半就到门口，徘徊了二十分钟才敢进去。只面了十几分钟，还没开始具体问我的项目就结束了。八股文没背熟，确实是我的问题。## 浏览器白屏问题前两天刷短视频还看到了，但是觉得实习生面试应该不会考这些，就没准备，结果问到了。- js执行错误看Console面板报错，排查问题- 资源加载失败html，css资源请求失败，网络有问题，看Network面板确认资源加载状态- CSS样式问题注意DOM结构完整性，查看elements面板的DOM树是否完整，完整的话看是不是比如设置了visibility，opacity，v-if等属性## vite和webpack区别我就知道vite速度特别快，好像是什么用到才加载某一模块，webpack是一整个打包才展示。## 平时怎么学习前端我说我看着招聘软件学的。。。有啥需求我学啥## 性能优化我只知道图片懒加载## 博客是纯练手还是真的打算让其他人看我说我当然想让其他人看但是没流量。## 招新网站和博客线上部署遇到的棘手问题我想了想，小问题很多我一个也想不起来，特别棘手的我还真没有。我直接回答的没有。应该随便编两个的，什么跨域问题，通过vite解决了之类的。## 地址栏输入地址到页面展示过程我不知道这个是属于哪方面的题，，，我回答的计算机网络，请求dns服务器得到ip地址然后传播到服务器等等这一系列的过程## html语义化标签我还真不知道，就记得一个session，我回答我平时没用过，我都用的div## git版本管理他说我简历上写了这个，就问我流程，冲突什么的怎么解决。我这个简历是优化过的，其实我也不太清楚，我就说没遇到过冲突

前端已死”是伪命题，“不懂 AI 的前端必死”才是真相。昨天面了一个候选人，简历很漂亮。问：“如果让你设计一个类似 Cursor 的前端架构，你怎么处理 AI 生成的脏代码？”他愣住了。这就是现实。AI 不会淘汰程序员，但会淘汰那些只会复制粘贴的程序员。未来的前端，拼的是：交互创新（怎么把 AI 能力优雅地塞进 UI）；工程落地（怎么让大模型在浏览器里跑得动）。

我报的是前端开发啊？为什么全是ai相关。。。 无手撕。。。1. prompt一般怎么设计2. 向量数据库在进行切片的时候，切片大小怎么设计。3. 切片方式一般会基于语义还是token，这两种怎么做。4. 一般的大模型的上下文长度是多大，你用的小米是多大。5. 上下文压缩一般怎么做，如何保证语义化。6. 大文件上传、页面关闭如何兜底。7. HTTP2的多路复用底层是怎么做的，为什么能保证消息不串联。8. 驱动工程是什么意思，如何设计一个agent让他符合驱动工程。9. 那上下文工程呢？估计是凉凉，为什么大家的都很常规，一到我这儿全是ai

h5新标签 css居中怪异盒标准盒js原型防抖节流js事件循环同步异步怎么理解举例几个微任务宏任务vue3和vue2区别vue组件通信跨域http https tcp udp 重点讲一下tcp三次握手浏览器渲染过程图片懒加载keepalive真的提高了加载速度吗（其实没什么写上去被抓到了）虚拟列表不定高怎么做的移动端适配用插件还是手写sse流渲染整个流程，做了什么性能优化web worker清洗数据怎么做的 为什么前端做数据清洗一道算法实现数组的扁平去重升序，三种写三个函数，最后一起调用不能调用api，排序用快排没想到还有算法，幸好之前还有点基础在，快排太紧张忘记怎么写了写了个选择排序，面试官说也行吧 时间复杂度太高了反问业务技术员有多少能参与到核心项目吗一轮hr+3轮技术 这是一面考基础居然有三轮技术面了！？这还是小厂吗

2026.5.13中国广告和交易1.自我介绍以及介绍项目中最有挑战的地方实习2.流式输出实现过吗？怎么实现的？SSE是什么？ 前端怎么去通信？ 有没有使用过SSE？如果发生错误该怎么办？3.跨域是什么？ 都有哪些方法？4.重排和重绘是什么？ transform会触发重排重绘吗？position会触发重排重绘吗？为什么？5.有用过sass或者less吗？ 为什么性能好？6.vue2和vue3的区别？你更喜欢使用哪个？为什么？7.vue3的proxy的原理是什么？8.pinia如何使用的？9.pinia的底层原理？10.为什么选择前端？11.在开发过程中如何使用AI的？12.agent是什么？算法下划线转驼峰反问公司业务？AI对未来前端发展的影响？

人生第一次面试视频面 大概25分钟 问的都是非常基础的八股  面试官人挺好的（以下顺序不是问的顺序）1、先自我介绍 问了下大概情况2、闭包3、防抖4、vue2/vue3区别5、生命周期函数6、css中的响应式布局7、大概讲讲vuex8、vue3的新特性（感觉跟4差不多）9、组件封装的思路 引用封装的组件的时候有没有什么注意点10、项目中有没有什么难点11、状态码12、有没有接触过react 我说没就没继续问了大概就记得这么多第一次面试 感觉准备了挺久的 但是答得很烂 每个都扯了几句 但很多说的磕磕绊绊 明明都是很简单的问题在看八股的时候实际上也看的比较深入 但不知道是不是因为平时用的太少了 被问到的时候很多东西都想不起来 很多只能简略地说说毕竟差不多才系统学了两个月多点 还是代码敲得太少了

## 一面 35min1. 方便做一下自我介绍吗？2. 你是在南京上学，那你是南京人吗？3. 你后续希望的择业城市是哪？4. 为什么会偏向北京，而不是离家更近的上海？5. 初中高中是在哪里读的？6. 你目前打算直接就业，为什么不读研？7. 你觉得读研后竞争力更大，还是本科直接工作两年竞争力更大？8. 你怎么开始接触前端的？为什么会对前端感兴趣？9. 之前有实习过吗？10. 做这些项目的目的是什么？11. 后台系统是怎么设计的？是自己设计的，还是有参照？12. 动态路由是什么意思？你是怎么实现动态路由的？13. 服务端是谁做的？14. 服务端和前端是同一个工程吗？15. 会出现跨域吗？你是怎么解决跨域的？16. 除了 Vite proxy / 代理，还有哪些跨域解决方案？17. Vue 里的 nextTick 用过吗？18. nextTick 的底层原理是什么？19. 能讲一下 Tree-shaking 的过程吗？20. 组件库里大概有多少个组件？21. 你是怎么设计组件结构的？22. 以 Form 表单为例，讲一下你的设计思路。23. 用 setTimeout 实现 setInterval。24. 用 setTimeout 实现 setInterval 的应用场景是什么？25. 未来择业最核心的要素是什么？能讲三个吗？26. 你对自己的未来规划是什么？27. 你坚持过最长的一件事是什么？28. 有什么爱好吗？29. 喜欢看什么类型的书？30. 最近看的一本书是什么？31. 你有什么想问我的吗？感觉要挂，没二面了

2026.5.12商业广告部门1.自我介绍2.js的数据类型？ 存储方式？ 有什么区别？3.闭包是什么？ 闭包泄漏是什么？4.作用域有哪些？什么是词法作用域？5.事件循环是什么？ 常见的微任务宏任务有哪些？6.原型和原型链是什么？原型链的顶级是什么？7.忘了8.http和https的区别？ https怎么加密的？9.常见的状态码有哪些？10.协商缓存是什么？11.304代表什么？12.常见的http请求方法有哪些？get和post请求的区别？13.key的作用以及底层原理？14.vue的响应式原理？15.vue2监听数组的原理？16.computed的实现原理？算法嵌套组件的最大深度

攒攒人品，本人主前端，看终端开发有web端就投了，还是太菜了，一面无手撕，纯项目都没回答上。自我介绍拷打项目前端项目1. 在项目里扮演什么角色？2. 如果画布的节点超过1000个，怎么让画布稳定60帧？3. 继续追问，还有别的优化方式吗？4. 介绍SSE和WebSocket，为什么选择SSE？5. 继续追问，你说使用SSE，你怎么把首字响应时间优化到1s？6. 追问，还有别的优化吗？Agent项目1. 如何评估Agent的记忆召回准确率2. 整个项目里最难的是哪一part？3. 问目前AI编辑器是如何做到代码补全的功能？4. 问我的Skill里用到的包是封装到大模型还是下载本地？5. 如何防止Agent对用户本地做高危操作？6. 为什么最后选择nanobot这个agent作为框架？场景题反问环节

岗位：大前端 杭州 应用开发方向## 一面 20min- 为什么要写组件库呢，你最初的思路是什么，怎么实现的- 项目什么时候做的（先做的后台管理系统，再做的组件库）- 组件库有没有用在自己的项目里- 虚拟列表的缓存怎么设计的- 项目中的表单组件是怎么数据通信的，具体讲讲- 开发项目的时候，有没有遇到什么bug，具体是怎么排查的- 如果对你的项目进行一些优化，你有什么思路- 如果让你一周内学会electron，会怎么做- RBAC怎么设计实现的，说说动态路由- 如果一个用户有多个角色，动态路由怎么合并的，在哪里合并的- axios具体是怎么封装的，比如错误码怎么处理的- 前后端联调，具体怎么做的- 项目中有没有使用数据结构或者是异步，举例说明- 具体怎么用AI的，比如开发一个功能- 有没有开发过AI Agent，有没有封装过skills- 介绍岗位：主要做vue+electron跨端，团队人数较多，会有导师带教项目中实践## 终面 15min简历上的点一条条问，没有追问- 为什么用pnpm workspace- 按需引入怎么做的- 虚拟列表的核心思路- provide/inject实现Form表单通信 核心思路- 闭包- 浏览器输入url- 有没有用ai agent构建过大型项目- ai时代，如何利用好ai，以及计算机基础知识还有没有用