1.自我介绍2.实习过程的项目难点3.开发完成公共库之后，还没发布到npm上，如何让同个仓库的开发者使用？4.文件上传是如何做切片的？file对象和blob对象有什么区别？5.localstorage能不能存储blob对象？不能的话应该怎么做？6.有没有了解过Arraybuffer对象？8.TS中的type和interface有什么区别？9.TS中的&&，!，？？分别表示什么10.页面中四个div，前三个在左边宽度固定，最后一个在右边宽度自适应，怎么实现？11.flex：1的具体含义是什么？12.如果给其中一个元素设置flex–basic，又同时设置width为固定值会怎么样？以谁为准？

机试：回到顶部按钮（JS原生）面试：一轮自我介绍选择器有哪几种？选择器优先级？有哪几种盒模型？通过什么进行切换？画一下事件循环的流转图Promise的实例（写出来），它解决了什么问题？Vue2和Vue3的响应式区别有什么想问的问题（我记得的内容大概就这些）二轮主要问多久能到岗，在本地租房还是怎么样，还有没有课之类的个人安排问题希望能帮到有需要的宝子

25个单选题（考察计算机四大件，前端基本知识代码输出）10个多选题（和单选题考察一样）三个问答题（考察promise代码和其他简单前端知识的定义）

5-11 一面（1h）1.自我介绍2.什么时候接触到的前端开发3.学过哪些东西4.输入url到整个页面渲染全流程5.https为什么更安全6.http2.0相对于http1.1有什么优点7.前端需要防范的一些网络攻击（xss和csrf）8.有哪些手段让首屏打开更快9.前端框架主要使用什么10.现在让你写一个ant design的下拉选项框的组件，不能使用原生的select 和 options标签，那你会怎么来设计这个组件？11.怎么来控制他的下拉、选值、隐藏等功能呢12.哪个项目印象最深刻13.这个项目主要做了哪些事情14.最大的难点是什么15.多语言切换用的什么方案16.语言包体积过大的问题怎么解决17.如果后续有新的业务导致有新的语言文案产生，怎么加入到你的语言包里面去呢18.写项目使用ai么19.mcp有了解过么，说一下他的作用是什么，以及整个作用方式是怎么样的20.为什么需要引入mcp这个东西呢21.三道手撕：1：数组转成树2：手撕快排3：最长有效单词长度23. 反问业务和技术栈一面给面试官的感觉好像很不错，问我手上有没有其他offer啥的，然后说，行你这边的情况我基本了解清楚了，后面我让leader跟你聊聊，然后面试结束大概10几分钟，约2面5-14 二面（30min）没有自我介绍，简单聊了下天投屏讲实习项目国际化单复数怎么处理还有其他亮点难点么为什么SSE有连接开销、SSE不比长轮询更好么？你这种设计不会有一定的资源浪费么现在让你重新去优化你该怎么考虑呢？SSE每次可以实现增量拉取，不更节省资源嘛，对比过流量消耗么？VibCoding，写一个agent相关的回放工具（面试官说他下一场面试马上开始了，这边就先结束了，然后做完后发他邮箱😟）面试结束后，我赶紧写，写了大概4个h，然后发到他的邮箱。基本上是演示项目+聊天面，不过项目设计有几个问题点都被抓出狠狠拷打了😭，第二天中午的样子，二面通过显示HR面5-19 HR面5-21 转录用评估求offer🙏

评价：问的很基础，我基础差，寄0-40min：手写深拷贝手写数组扁平化平常不重视手写，只写了最基本的功能实现，大家一定要好好准备，其实没写出来已经挂了，后面的问答基本走个流程。40-60min：React 盛宴1.谈谈你对 React 的理解2.谈谈你对 hook 的理解，有什么作用3.为什么 hook 不能放到条件语句里4.diff 过程5.如何封装一个 useForm（），没答好，依旧代码的区6.谈谈性能优化的手段7.没说全，又让我补充 React 防止内存泄露的手段8.React 组件通信方式？漏了 useParams（）没说

手撕：原地排序、比较版本号1. 介绍水平垂直居中方法（为什么transform？相对于什么元素？top left相对于什么元素）？有没有不改动父元素的方法？2. box盒模型3. 网络同源，如何解决跨域？详述CORS4. 浏览器渲染过程？说一个具体的例子解释重排和重绘，怎么减少操作？5. SSE和WebSocket6. 项目拷打：指标是怎么量化的、我是怎么提升这些指标的、困难和进步、怎么用ai coding、7. MCP和skills，怎么写一个skill，有没有用过ai工程化实现8. 大模型多模态9. 大模型markdowm转html？-----------------------------------------------------------------------------------------------主要问项目和ai，ai没答出来，但是面试官人超好拜托捞捞我

快手前端面试一、面试核心考点（全覆盖）双 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轮技术 这是一面考基础居然有三轮技术面了！？这还是小厂吗