昨天刚结束了一轮面试，我还有以为会是多半选择和程序输出，没想到全是手写题，有几个记不清了1.说明box-sizing属性2.判断obj是否为空对象3.判断3==true4.小数四舍五入，3.335->3.345.反转字符串,i am developer -> developer am i6.闭包程序输出（大概是这样，名称随便取的）var a = 8;function output() {(function () {return function inner(){var a = 10;a++;console.log(a);}})()();}output();output();7.文字截断样式8.三列响应式布局9.防抖10.给出一个数组包含10个对象，每个对象包含名称字符串和分数数组，要求先去掉分数数组中的最大小值，然后取平均值，最后格式化输出名称和平均分

📍面试公司：携程🕐面试时间：4.23💻面试岗位：前端暑期❓面试问题：1.自我介绍2.项目相关（记不太清了，能想起来多少就写多少）：web端和移动端分别用react和react native开发，有什么差别（移动端要做更多适配，存储方式一个用cookie+session，一个用asyncstorage）3.两端数据传输上有什么差别（我似乎把上一个问题的答案换了种方式重新说了一遍）4.两端登录流程有什么差别（分别用的cookie和jwt）5.移动端和web端的账号配置有什么差别（移动端因为是用户端，有头像简介等各种多样化的数据，web端是审核端只有权限标识）6.另一个项目：你主要做了什么7.前端做了什么（图形化界面）8.八股环节：虚拟dom的作用（react细粒度不够精准进行更新，最多只能达到组件的程度，所以要用虚拟dom来进行更细粒度的更新；解耦运行环境，react项目移动到多端会面对不同的原生环境）9.react router（只说了hash和history，感觉炸了，就这玩意不太懂）10.手撕：实现一个react计数器组件（打开webstorm途中卡住了，没办法只能用cursor，尽我所能没用ai补全）11.如果快速点击两下会怎么样（够快的话可能会只显示增加一个），要怎么解决，要求必须能够记录用户全部点击次数（本来想说防抖的，结果下一句话直接堵死，想了半天想到setCount(count => count + 1);）12.回到八股环节：es6新特性（在这补充了一个promise的作用（制订了官方的promise规范，不需要用原来社区的promise a+规范里的那些promise了））13.js基本类型14.反问：landing过程技术栈还有几轮（面试官只清楚校招的，暑期的我估计应该和牛客上的差不多，应该还有ai面和英语测评）🙌面试感想：项目手撕八股全部吻了上来，但八股好像比较常规，于是尽量整了点冷门东西，准备先去某个小厂等了，有了更好，没有沉淀

最近面试遇到的超好的面试官了,上一次这样的还是wxg一面面试官 还开摄像头了 整体面试节奏很舒服1. 拷打两段实习(15min)2. 手写查找节点3. 事件循环 node 和 浏览器4. 看事件循环代码写输出5. promise里面settimeout throw new error 会怎么样6. 箭头函数和普通函数的区别7. new 关键字怎么实现8. let const var 区别9. vite webpack10. es6特性11. ts修改属性为非必须12. vue的组件之间的通信13. 居中布局实现14. margin 50%相对于啥15. 反问new 关键字和ts没写出来 其他的都实现了 总体面试时间50min

1.css权重;如何计算;在实际的项目中可能会遇到这种，样式通透?作用?样式覆盖异常?(module?)2.0.1+0.2===0.3嘛，底层原理，为什么会出现这种情况，怎么解决?3.es6的特性，聊聊对promise的理解，有哪些特性?4.promise.all在你的项目中有哪些地方用到嘛5.性能优化这个指标?原先是什么样的，优化后是什么样的?如何去测试这个指标。6.像有些错误他不是在服务端出现的错误，而是在客户端出现的一些异常抖动报错这种，导致资源的超时，请问能捕获到这种错误嘛?7.如果出现网络波动，这段时间无法上传这种情况下有考虑过嘛?8.大文档的编辑，性能优化的手段，分段chunk是怎么分的，是按照ast还是按照行，行的话，如果遇到图片这种你是怎么做的?9.百度实习的经历介绍?10.在你是学习或工作过程中，有哪些ai的方法或手段去提升你的开发效率?生成对应的文档，用于后续的文档，有这种东西嘛。(有.rules，rules里面的内容有什么)11.在你们公司里面，你们公司里面如何去结合ai工具去快速上手应用，a这样每次去读取都是很消耗token的，通常来讲有cloud code来12.ai的出码率有多少

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

1. 拷打实习项目(20min)2. 知不知道 *** Engineer 不是我完全没听过这个词 面试官有点口音 不知道在说什么3. vue和react hooks的区别4. mcp skills prompt rules的区别5. 有没有怎么想过优化你在百度做的项目 我劈里啪啦说了一堆 但是他在反问的时候说我应该这样做(不二?)6. 无手撕7. 反问整体下来节奏很怪,面试官的反馈很少,一直紧锁眉头,在反问的时候面试官说我的技术选型有问题 但是实习生做的事情哪能自己左右啊....,大概率是挂了 等其他部门捞吧

📍面试公司：字节🕐面试时间：3.30💻面试岗位：前端1、为什么学 Vue2、项目中 AI 使用情况3、Promise 常用的 API 有哪些，有什么区别4、Promise 状态含义，怎么流转的5、链式调用原理，then 不同情况下的返回值6、讲讲 async await，和 Promise 关系是什么，有什么差别7、写代码的时候怎么判断要用 async await 还是 Promise8、三个互不依赖的请求，用 async await 和用 Promise 的区别9、介绍项目难点10、agent 有哪些范式，差别，应用场景11、如果有需求用 AI coding 如何落地12、了解限速工程吗13、学习技术的方式代码题：1、同步异步输出（特别长，目前见过最长的，大概有二三十行）2、括号匹配 + 子串提取输入 ((a + b) + (c - d)) - 2输出 ['a + b', 'c - d', '(a + b) + (c - d)']输入 (()输出 error

面试时间：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. 反问

题目如图： 笨人第1次面试，其实很多根本没说出来，手撕一个没撕出来，真是给自己弄笑了但是面试官人特别好，全局一直在鼓励😭心暖暖

前言时隔两年再次更新了，本文主要给大家带来一些我面试的经历和经验，希望对正在求职大厂前端岗位的同学有所帮助。我先大致说下面试之前的个人情况：2021年毕业去了一家500人左右的小公司，react和vue项目经验都有，两年半后拿礼包去了一家中厂，后来在这家公司待了一年左右最近面试京东拿到了P6的offer，差不多四年的工作经验终于拿到了大厂的入场券。我写的篇幅可能比较长，这里讲一下为什么会有七轮面试，刚开始社区找人内推的北京团队，后来三面老板面因为工作地点的原因挂掉了(本人毕业后一直在上海工作)，由于前面技术轮评价比较好，又找了上海的团队内推重新面了四轮才成功拿下。好了，接下来就大概讲讲我的多轮...

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

面试时间：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. 反问

1.Sdk干什么，你为什么会在公司接触这个业务2.插件是什么个逻辑3.sdk的treeshacking前后的大小有没有对比过4.teeshacking的逻辑5.teeacking是在哪个阶段进行6.teeshackig在cmis有什么限制7.monorep底层逻辑架构是什么样8.md里面的ai相关是什么逻辑9.md的优化性能优化逻辑10.有没有其他的性能优化11.react周期12.虚拟diff对比13.为什么不能写在条件里面，如果一定要写怎么办14.git多个commit怎么合并一个15. sass, less, tailwind css区别手撕:bind，数字转汉字整数写写面经攒人品ing

📍面试公司：美团🕐面试时间：4.20💻面试岗位：前端❓面试问题：1.自我介绍2.Al-coding:你接到一个需求:“用A1帮用户自动生成周报，直接发给他的上级。”1.将这个需求拆解为A可独立执行的原子子任务(至少5个);2.在你拆解的子任务中，哪些步骤A1不应自主执行，必须由用户确认或人工介入?请说明判断依据;3.如果用户没有提供任何本周工作记录，该流程应如何处理?问题:你划分了几个子任务，你要怎么获得用户的工作内容，哪些步骤应该需要人工介入(和题目中问的差不多)3.八股:JS事件循环+输出顺序题追问:如果在promise中再写一个setTimeout，输出的结果会怎样4.项目部分:①流式渲染是怎么实现的②讲讲你的A对话项目的页面布局，你是怎么实现这种样式的③你的项目中用到了TS，讲讲为什么使用ts，有什么好处，结合你简历上写的功能具体讲讲④你提到了高性能渲染，怎么实现的，怎么保证进行其他操作页面不卡的5.手撕:①数组的扁平化②合并两个有序链表6.反问🙌面试感想：第一次面试，话都说不明白，还是得多沉淀啊😭

面试时间：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. 反问

前半小时全拷打项目，后面半小时手撕手撕是事件循环输出第二是乘积最大数组。说实话是鼠鼠我项目准备太单一了。给uu建议是如果是线上产品，你得准备完整的量化操作，背好相关概念。如果是demo，还得思考，从demo背景出发，为什么要这么做，这是你该做的吗？都要的就是，你具体是怎么做的（他会在项目中问些八股，不会单纯问），我觉得前提得简历写清楚，不要像鼠鼠给面试官误会了，然后理解的不是同一个东西，不是面试官想要的很扣分的。

简历是四月2日投的，上周打电话约面，池子这么大吗？一、项目相关：1. 介绍一下你的项目（项目来源、核心功能）2. 项目里你觉得最有收获、相对复杂的功能点是什么？3. SSE 流式输出是怎么实现的？二、八股相关：1. JS 是单线程语言，介绍一下事件循环机制？2. 常见的宏任务和微任务分别有哪些？3. 浏览器事件循环和 Node.js 事件循环有什么区别？4. 什么是执行上下文、执行栈？（这我真懵了，面后搜了下稀土吓哭了...）5. 什么是变量提升？变量提升的优缺点是什么？6. JS 如何实现继承？介绍原型和原型链？7. JS 数据类型有哪些？基本类型和引用类型区别？8. 什么是浅拷贝、深拷贝？深拷贝常用方法有哪些？9. HTTP1.0 / 1.1 / 2.0 区别是什么？10. Node.js 如何操作文件（读文件、写文件）11. 简述React 的虚拟 DOM Diff 算法原理三、算法1. 数组中除了一个数字只出现一次，其他都出现三次，找出这个数字。已挂求捞好吗，唉还是得接着沉淀，好累啊...

面试时间：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. 反问

面试官很和善，引导的很好，技术理解的题答不出来会讲解然后跳过，感谢1.主要拷打项目和实习工作时的主观能动性，比如为了解决什么样的问题或者需求做的，工作时对项目的整体架构探索和需求背景的了解；2.提问hook和工具函数的区别，只从复用角度为什么还要用的自定义hook而不是封装成工具函数；3.前端框架的意义；4.diff和如何降低多叉树复杂度；5.找出无序数组的连续区间（思路有但没写出来，刷题刷傻了，想复杂了）；6.如何使用ai工具，使用哪些编译器，项目编译前后分别是什么；7.vite，webpack如何配置；总之考察思维和开放题为主。收获：提升了自信，以及还是要提升解决问题的能力，不能一味刷八股...