这个一个月前面的，写一下吧自我介绍项目/实习经历AI智能体问了好多，怎么实现读取当前页面信息（打包发送，怎么渲染ai返回的markdown格式，用的http，sse还是websocket然后token储存在哪里（面试官真是好人js异步git，怎么提交，怎么合并，revert别的忘了代码 event loop二面hr问意愿家长里短后续oc

1.自我介绍2.讲一个你项目中的亮点，我们深度聊3.你使用命令模式，你为什么要使用命令模式，每个命令的数据类型是什么样的4.结合增量快照，你是如何判断一个操作用命令模式还是用增量快照的5.每个操作的记录是以什么样的形式储存的6.你的项目架构是什么样的7.你的项目有登录功能吗？如何去实现一个登录功能8.token是从哪里来的，它是什么样的数据，它是怎样存储对应的9.你的组件内部是怎么写的，我想要一个变颜色的组件操作，你怎么去实现10.手写 合并乱序数组11.反问无八股，对项目疯狂拷打甚至详细到组件内部的代码怎么写，跪了。

📍面试公司：携程🕐面试时间：4.17💻面试岗位：前端暑期❓面试问题：1.自我介绍（由于面试前半小时某小厂突袭电话面，算是提前练了遍自我介绍，这次直接以我自己都不敢相信的流畅度说完了）2.bfc3.css布局问题：如何实现一个容器，左边根据文字无限扩大，右边不扩大只缩小（flex布局，float，左边grow：1，auto；右边flex：0，在引导下勉强做出）4.数组的遍历方法5.如何实现数组乱序（可以用random，for遍历数组，每次遍历用random生成一个随机数作为索引，用这个索引代表的数和当前遍历的这个数交换）6.重排重绘7.如何减少重排重绘（只答了个transform）8.闭包，具体应用场景（md这玩意有点忘了）9.闭包可能引起的问题（内存泄露，引用的大对象没释放）10.事件循环（现在其实不局限于宏队列微队列了，但一定要有微队列，把这玩意说了）11.react事件（事件委托，16之后的事件委托变化，提了一嘴合成事件，现在想想应该具体讲的）12.AI相关，为什么要有agent13.用户不能直接和大模型交互吗（可以，但有agent更方便，讲了skill和mcp）14.如何解决上下文膨胀15.agent要考虑哪些维度的问题反问：业务（竟然不是全部门统一面试了，有具体的部门，我说怎么面出了小红书上看到的二面的感觉）对以后学习技术的建议还有几轮面试（三轮，可能把ai面也算上了？）🙌面试感想：说好的主问项目呢，项目一句没问，ai相关快把我问炸了，我准备了两天的项目相关啊

1. JavaScript 中的闭包是什么，应用场景及缺点、处理方法？2. JavaScript 常用的基础类型有哪些？3. 前端的垃圾回收机制是什么？4. 请介绍 JavaScript 的事件循环（同步任务、微任务、宏任务的执行顺序及示例）？5. Promise 和 setup 哪个先执行？6. Vue 2 和 Vue 3 的区别（响应式实现、生命周期、API、根节点）？7. Vue 2 和 Vue 3 中 v-if 和 v-for 的优先级区别及调整原因？8. Vue 中 watch 和 computed 的区别？9. Vue 3 setup 语法糖中 ref 和 reactive 的区别？10. Promise 的工作原理（状态、不可逆性、结果获取方式）？11. Promise 与 Async/Await 的关系及使用规则？12. 跨域的机制及解决方案？13. POST 和 GET 请求方式的区别？14. HTTP 的缓存机制有哪些（强制缓存、协商缓存的逻辑）？15项目与封装组件的依据、需求场景及难点？手写进度条

面试时间：4.17下午2点 时长30min面试官比较平淡，基本都是开放问题，以及一些对ai的看法，无手撕1. 自我介绍2. 如何学习前端，选择前端的契机3. 学习与项目中遇到bug的解决方式4. 学习前端中印象深刻的问题5. 项目中遇到的未解决问题及最终处理方案6. 是否搭建过Node服务、操作过数据库7. 介绍AI对话项目中的流式响应实现8. SSE与WebSocket的区别9. 流式返回不完整Markdown时如何正常渲染10. 本地持久化为何选择localStorage11. localStorage、sessionStorage、cookie的适用场景12. 介绍大模型参数temperature、top_k、top_p的作用13. 项目中做代码分割、按需加载的原因14. 代码分割是否越细越好，判断标准是什么15. 通用后台管理系统与AI对话项目的技术选型差异16. 后端为何选择Express框架17. AI发展下前端扮演的角色18. 未来是否还会有前端岗位19. AI时代下个人前端学习路线规划20. 如何突破初级程序员，应对AI冲击21. 如何与老员工合作推进项目22. 请教问题的频率与尺度如何把握23. 反问

1. 自我介绍并说一下最近的这个项目，觉得哪里有一些复杂度比较高的，你可以详细聊聊2. 这个项目是你实习做的吗？还是你自己练习的项目？（我说是老师项目组的）3. 我看你了解的知识面还挺广的，你是通过哪些方式进行前端的学习的？（GitHub、B站、掘金、极客时间）4. 有没有做过系统一点的学习？比如书籍之类的（我说你不知道的JavaScript）5. 这本书有什么理念，或者说你觉得印象比较深刻的？（说了this，把 this 全部过一遍）6. 那你在实际项目中有哪些场景有用this去做一些方案，或者说做一些小的工具函数之类的？（我说有，比如单例模式，然后全部过一遍）7. 那单例模式，你是在什么样的一个场景里面去用的？为什么会选择单例模式？有什么优缺点？8. 你刚刚说扩展性比较差，弹簧组件是全局的，那假设另外一个场景也需要使用这个组件，但是它又要有些不一样，那这个时候你会用到什么设计模式呢？9. 我看你项目写了响应式布局，你是之前做过移动端吗？（我说有）10. 那你是怎么做的适配的？因为有高倍屏、低倍屏，还有些手机尺寸不一样。11. 你所有的布局都是用的 px 去进行布局的吗？（我说还有 rem）12. 那你觉得 rem 的值应该设置为多少呢？（我说是除以10，追问，我说在GitHub上面阿里源码扒下来的）13. 对于样式布局，你了解哪些方式呢？（我说有 flex弹性布局、grid网格布局、table表格布局、定位布局、浮动布局） 哪种用的比较多呢？（我说flex弹性布局）14. 那你可以说一些 flex 的样式属性吗？（我说有flex-direction、flex-wrap、flex-justify、flex-align、flex: 1）15. 听到我说 flex 布局，面试官扔了到题目过来：用 flex 布局完成从左边的到右边的效果 alt text（P1）16. 手撕树形结构遍历：要求最后的结果为 28 alt text（P2）17. 继续回归项目：对于 jwt 认证保障的话，你可以说一下它大致怎么实现的呢？18. token 你是存在哪里的？（我说存在 localStorage 中） 为什么存在 localStorage 中？（我说一开始是想放在 cookie 中，但是刚好接触了 axios，然后进行封装，更方便）19. 你这7天过期的逻辑放在 localStorage 中是怎么做的呢？（我说我设计了长 token 和短 token） 面试官说这个方式没见过，比较有意思😄20. 短 token 过期，前端拦截到错误然后用长token做请求，那你这个逻辑岂不是接口会做一个重试的逻辑？那如果长 token 也过期了，那这个时候你会怎么做？（我说会跳转到登录界面，重新登录）21. 跳转界面是在前端还是后端做的重定向？（我说是在前端，axios 封装，错误码）22. 你前端做重定向的时候，你是通过什么样的一个 API 去做的？（我说是 window.location.href('/login')） 那你这种方式跟 location.replace('/login')、location.push('/login') 有什么区别吗？（我说 window.location.href('/login') 是会刷新页面的，而 location.replace('/login') 是不会刷新页面的）23. 你点的浏览器回退，你还是可以回到上一个地址吗？（我说直接退出到登录界面）24. 我看你另外一个项目设计了一个拖拽式布局，你可以说一下会用到哪些API吗？还是说你这个功能是通过第三方库实现的？（我说原来是自己写的，后面效果不是特别好，就用了第三方库，在 npm 上的 Allotment） 那如果让你用原生 JS，你知道要用到哪些 API 呢？（我说 mouseDown、mouseMove、mouseUp、mouseOut，监听鼠标的点击事件，获取鼠标的坐标，计算容器的宽度）25. 面试官说前端基础就面到这，我心想这还只是基础吗😭，然后反问：- 面试表现（提了一嘴 AI，平时有用过什么 AI 工具吗？）- 面试官说可以系统学习，多看书籍，知识点比较零散- TikTok 到底是负责什么的- 贵公司技术栈

1.我看你简历上写的基于echars的定制化看板是什么 2.js的基本数据类型 3.vue3与vue2的区别 4.vue3与vue2的响应式原理，以及各自的优缺点（没答好） 5.什么时候用vue2，什么时候用vue3 6.你写的统一封装网络层是怎么做的 7.登录流程是怎么样的 8.token是随机生成的吗（答错了） 9.你写的高内聚低耦合是什么意思 10.接口封装是高内聚还是低耦合（都有，我只答了高内聚） 11.有用过ai辅助编码吗，带来的好处和坏处是什么 12.如何更好地利用ai生成自己想要的结果 13.ts的元组有什么特点（没答出来） 14.react的useState为什么要用数组来接收...

📍面试公司：安恒信息（杭州）🕐面试时间：4.16💻面试岗位：前端实习（没转正）❓面试问题：1.自我介绍2.为什么选择前端3.项目：介绍第一个项目的功能4.用mongodb是怎么实现图片和视频的保存的（引入express静态资源映射，根据时间戳+随机串+后缀生成文件名，拼成一个url存在数据库，本体存服务器，调资源直接访问url）5.在前端用了哪些你认为是亮点的react原生功能（diemensons获取屏幕宽高，计算瀑布流的列数和图片视频的宽，说实话还真没在前端用多少，只能想起来这玩意了）6.问第二个项目，跟向量检索相关，没咋准备，因为面到现在没几个公司问这个的，答得不太行7.反问：业务（特地强调不会用AI这方面的东西，有其他部门负责，或许有转机？可能我之后得改改第二个项目？）还有几轮面试（1轮技术+1轮hr）🙌面试感想：面试官问问题问得有点磕绊，回答结束后一会才有反馈，一边问一边打字，这样记录面试流程吗😃看牛客有很多面经不写拷打项目的问题以及怎么回答，我尽量写上造福牛u

腾讯前端面试美团前端面试计算机网络｜前端八股问的很细有些场景题很有深度有相关业务岗位的实习的话就多数会问实习相关内容但实习可能八股会问更多实习：八股+手撕秋招：实习+八股+手撕

面试时间：4.16下午3点 时长55min目前最舒服的面试，面试官很年轻，感觉25岁上下的样子，全程无压力，更像是在聊天，要是以后的面试都这么舒服就好了，四道手撕，但是都比较简单1. 自我介绍2. 为什么选择前端方向，走上前端的契机是什么3. 计算机基础课程成绩介绍（数据结构、计组、计网、数据库）4. MySQL 主键的作用是什么5. 大数据量下如何加快数据库查询，了解索引吗6. 数据库索引使用什么数据结构7. 常见的 HTTP 状态码有哪些，越详细越好8. 301 和 302 的使用场景与浏览器执行区别9. HTTPS 与 HTTP 的区别，为什么使用 HTTPS10. 非对称加密与对称加密分别用于哪部分，为什么不只用非对称11. 浏览器输入 URL 到页面渲染的完整流程，越详细越好12. JS 放在 HTML 前面且无异步属性会造成什么后果13. JS 报错会对页面渲染产生什么影响14. 项目中做了哪些前端性能优化15. 虚拟列表的实现原理16. 四道手撕：46. 全排列 47. 全排列 II 198. 打家劫舍 实现定时器 sleep 函数17. 反问

一面 一、基础问题请讲解一下原型链。JavaScript 的基本数据类型有哪些？什么是闭包？请说明 JS垃圾回收机制。二、项目问题详细讲一下实习内容。实习延伸：请解释SSR，还知道什么类似的（ssg什么的）简历上自己写的skill是如何编写的，代码量大概多少？常用的AI 编码工具、模型有哪些？如何用 AI 完成需求？二面如图

面试流程速览- 形式：视频面试- 时长：60分钟左右- 轮次：春招前端（业务+算法+手写实战）- 特点：重项目深挖+高频手写+现场手撕算法，节奏非常快---一、面试真题（完整回忆版）1. 开场必问- 自我介绍（1分钟以内，突出项目与技术栈）- 实习期间做过的核心业务、遇到的**重难点**- 项目卡顿问题排查：你是怎么定位、怎么优化的？（面试官重点追问）2. 项目深挖（AI相关）- AI项目具体做了什么功能？- 用了哪些AI SDK？整体架构怎么设计？- 有没有用到LangChain？为什么没用？- 理论掌握程度 vs 工程落地能力（面试官明确看重**实战落地**）3. 手撕代码环节（高频原题！）1）**算法题**LeetCode 寻找峰值（二分查找）- 要求：不能本地测试，直接写思路+代码- 注意：边界条件、mid计算、左右判断- 踩坑：面试官会逐行挑错，哪怕逻辑对也会抠细节2）**前端手写组件****倒计时组件（大厂超高频）**- 用 requestAnimationFrame 实现- 追问：**60帧下raf间隔多少ms？**- 标准：16ms 左右- 面试官提示：可按 30ms 理解作答4. 反问环节（超有用干货）我问了两个问题，面试官直接给了学习路线：1）前端+AI 学习建议- 看 Claude Code 源码，学习 Agent 设计- TS 是 AI 前端开发主流语言，必须吃透- 动手做：构建 Agent，集成 Skills、MCP、Tools- 练手：用 VibeCoding 写一个浏览器插件2）业务方向PDD 前端业务覆盖广泛，侧重**性能优化、复杂交互、稳定性、高并发场景**---二、二面核心考点总结1. **项目真实度**：必须讲清楚难点、卡点、解决方案，不要虚2. **性能优化**：卡顿、渲染、长任务是必考点3. **算法**：二分查找是高频简单题，一定要熟练4. **前端实战**：倒计时、懒加载、防抖节流、SSE 这类组件必考5. **技术视野**：前端+AI 是现在 PDD 重点关注方向---三、给后续同学的避坑建议1. 算法题哪怕写对，也要**讲清思路**，不然容易被判定背题2. raf、定时器、渲染机制这类基础要牢，别临场卡壳3. AI 项目不要只说概念，**一定要有落地代码/架构**4. 实习经历重点突出：**问题→方案→效果**，逻辑清晰5. 反问环节多问学习&业务，能大幅加分---

面试时间：4.16下午13点30 时长25min面试官很友善，第一次遇到了开始就介绍业务的面试，没什么八股和项目，具体看面经，无手撕，应该横向了，让我过让我过让我过让我过让我过让我过1. 面试官业务介绍2. 自我介绍3. 哪个项目对你成长最大，展开介绍4. 技术上的成长体现在哪些方面5. 讲一下流式传输原理6. 你对SSE的原理怎么理解7. 项目中做过哪些前端页面性能优化8. 优化后首屏耗时有什么变化9. 了解哪些性能测量方式10. 代码分包/切割遇到过什么问题11. 讲一下Vue/React的Diff算法12. 项目中有没有做监控相关的内容13. 了解哪些前端监控手段14. 前端开发中哪些方面掌握得比较好15. 除了前端还学过哪些语言，有无C++项目经验16. 讲一下你实现的虚拟列表原理17. 虚拟列表如何处理滚动过快、白屏问题18. 用虚拟列表前后滑动帧率有什么变化19. AI在开发中给你带来哪些帮助20. 最快可实习时间、实习周期21. 反问

🕐投递时间：3.22一面🕐面试时间：3.31❓面试问题：自我介绍项目的来源我看你的项目有些全栈居多，你是后端也有学吗前端职业规划如果要你设计一个图片拖拽，你会如何考虑纯js如何实现css如何设计还有什么优化的点聊项目 AI Chat，介绍一下它的开发背景，实现的程度如何有无调研过市面上主流的打字机输出的原理流式输出SSE的原理前端如何流式响应vue的nextTick的作用用了什么第三方服务，对比一下百度文心一言api与千问qwen与市面上投入使用的相比还有哪些不足IndexDB 与localstorage如何选型，有什么区别反问：部门业务 您觉得在工作中较为出色的同事有什么共同特质吗二面面...

1.自我介绍2.AI项目做了啥，用的SDK，没特别亮点没用Langchain，一直想做但没做，理论理清的差不多但世家有待提升3.实习内容的重难点=====卡顿========4.手撕：LeeCode寻找峰值（二分查找），不能测试，正常能测试的，以前测过，但面试官说代码有问题，其实没啥问题倒计数组件(Hot热门题)。raf多少秒（60帧，16ms（但不确定，脑袋碰出来的数字，不敢说），面试官说30ms，默认接受）反问1.学习建议Claude Code源码学习Agent，TS AI开发主流语言。动起来：构建Agent，将Skills、MCP、Tools等集成至需求VibeCoding开发一浏览器插件2.业务

hr面试，27min自我介绍1.有过两段实习经历，那是学校要求的，还是自己想做提升出去的呢？为什么没有留任2.找工作有考虑再去投第一份实习的公司吗？为什么3.同学为什么会投递我们公司呢？4.同学除了厦门还考虑哪些地点呢？5.在找工作时，看重哪些因素呢？6.期望薪资是多少？为什么是这个数字7.目前有收到offer吗8.在实习或者学习过程中遇到的最大挑战是什么？以及最后是如何去解决这个问题的？9.同期实习生帮助了你，那你后边有可以帮助她的地方呢？10.过去一段时间内有再学习新的技术吗11.在什么渠道学习？一般去哪里搜索视频12.对未来发展的规划13.在写代码时有哪些代码习惯或代码风格呢14.在面试前对公司的了解15.您认为加入这样一家公司的开发人员，她应该具备哪些特质呢？16.同学在夸团队沟通过程中，有没有遇到双方想法不一致的情况？17.同学在做事时会追求完美吗？18.同学平时会帮助他人的人吗？19.您认为自己是一个严谨的人吗20.同学是比较容易相信他人的人吗？21.如果老师或课本的知识有错误，你会提出错误吗？22.同学有自己比较认可的企业文化吗23.在什么情况下会感受到压力呢24.如果已经上手开始做这个事情的话，还会有压力吗25.如何缓解压力26.抛开工作来说，你觉得你想成为怎样的人？--对社会有贡献的人；27.最快到岗时间？28.反问哈哈哈哈哈到最后回答的啥也不是，这么好的面试机会就浪费了，下一个面试不知道何时才能到来，我什么时候能收到offer啊啊啊啊啊啊啊啊啊啊啊啊春招我恨你

4.15二面（后端面前端）自我介绍你们那个实习是有转正名额的吗？（没有）你应该知道我这个是前端岗位吧，为什么还要面呢？因为我看到网上很多同学就是炫耀自己去过很多大厂实习，所以他们可能前端后端都去面，但是他们最后不会来（我认为ai时代，全栈是必然；但不是简单的ai+后端=全栈；需要一些基础前端知识，方便code review）（这点面试官好像比较认可）你是投了我们公司的什么岗位？（后端，但是没约面，被前端捞起了）选职业是一个很长久的考虑，即使ai再飞速发展，你也可能要干2-3年的前端。你实习里面说的这个接口优化怎么做的？（加索引）加索引不是一个比较常见的情况吗？（我说重点在全链路排查出问题）为什么当初设计时候不加索引？（前期业务不需要，避免存储开销；后期业务调整，所以定位耗时在没加索引之后，加了索引）加索引这个操作是你提出来的吗？（我是参与了全链路排查的过程，但是加索引这个操作显而易见，我觉得是谁提出的都是一样的，当时在团队内沟通的时候忘记了是谁提出的了。重点在发现问题）你实习的那个组前端几个人？你的这个12306项目是怎么来的？（自己学习网上开源）你怎么参与这个模块设计的？（基于业务分解模块，对于单个模块自己用自己认为可行的技术栈写一个demo，然后对比开源项目的技术栈，对比学习，不理解的点让ai对比进行差异学习）我看到你简历上写了这么多后端的专业技能，想问问你，学习哪些技能是对你学习技术有帮助的？（我认为主要分为本领域和跨领域的专业技能，跨领域更多是一种抽象的概念）这样吧，那我们ai coding一下，你与大模型对话，然后回答一下我这个前端问题。（我让ai写了一个md文件出来，写了提示词、这个概念类比到后端是什么？解决什么问题的？为什么会出现这个问题？其他解决办法？为什么选这个方案？）谈了谈对ai时代下的理解最后面试官还是说了句：如果我们不给你发offer，希望你对自己的职业道路想清楚；如果发了offer，也希望你能想清楚。反问：无总的来说，二面面试官有一种对后端面前端有一种不信任感，他老担心你小子不会来，所以索性懒得发offer给你面试官可能没怎么看我的简历，是一边看简历一边问的。50min

pdd春招前端一面：自我介绍实习：实时预览功能，如何实现NextJS各种渲染方式：SSR｜SSR｜ISR弱网与低端设备监测实现降级策略有哪些项目：oAuth2鉴权全流程讲解toaken什么用，存在那手撕：1.缓存函数，背景为React中重新渲染函数的引用会改变2.手撕EventEmitter

自我介绍 拷打项目（jwt token 集成、项目价值、项目来源）智力题：红墨水蓝墨水代码：函数科里化、搜索下拉菜单我背了两天的八股和算法一个都没问