25春招 中至数据集团前端一面

菜菜鼠鼠劳动节之后在ssob投简历妄想找一个六月份的实习（学校六月底开始懂得都懂的实训），迫切需要一份像样的offer躲过去，顺带积攒一段实习经历为下半年的实习早做准备，投了百余份简历出去约面的一只手都数的过来经历了两个小厂的水面之后终于接到了一个比较正式的面试通知，于是鼠鼠把八股看过去看过来，把手撕多写了几遍，今下午提前五分钟进入会议等着被拷打，面试官是温柔小姐姐，一问问题直摧鼠鼠内心，感觉是针对简历项目问的问题，再顺便拓展问八股的，有一些压根没去了解过……还好面试官姐姐好，没压力我让我挺了过来面试时长大概35分钟1、自我介绍2、AI助手如何实现的（项目中实现了AI问答功能，最好会做打字流）3、节流和防抖的区别和具体使用场景（项目中是setTimeout手搓的）5、如何实现图文混合上传，怎么实现的多种类型报告对应下载（项目中的）6、如果需要批量上传一组很多图片或者数据该如何设计7、上传了100组数据，上传成功n组，要怎么实现断点记录哪些上传成功了，让用户下一次只需要上传后100-n组8、如果因为某些问题上传一半失败了，用户离开了页面，怎么储存上传成功返回的东西（这里答成粑粑了，感觉是考简历写的Blob分片之类的东西）9、axios写了什么请求拦截，怎么实现的请求去重，为什么想用map结构替换对象实现拦截器的去重（自己给自己挖坑了）10、路由懒加载怎么实现的，图片懒加载怎么实现，自定义指令的IntersectionObserver不兼容怎么办，requestIdleCallback预加载不兼容怎么办，有什么降级方案11、Vue2 / Vue3区别，响应式，组合式API，TS支持（感觉还是了解底层原因的好一点）12、webpack和Vite的区别和为什么用Vite13、npm和pnpm的区别和pnpm的优势，为什么pnpm比npm更快14、微前端应用场景15、项目中的TS用在了哪里，泛型和接口的运用，泛型怎么用和约束之类的16、TS的extends，TS的方法等（这里也是答成粑粑了，对TS不是很熟悉）反问总结：面成了粑粑，比较紧张，也是感受到了不足，很多原理没去了解很深，还是很感谢给我这次面试机会了，面试官姐姐也很好，给了一些建议。这些问题其实也很简单了，只能说自己还是太菜了20分钟之后通知一面过了约二面！！！（马萨卡，我也运气来了吗，得去好好熟悉项目和简历了，好好准备一下呜呜呜，AAA沉淀~~）

博主是非常菜的小菜鸟，卷不动进不了大厂实习，只想有小厂愿意收留我，让我能够进去学点东西，最近有在陆续面试，感谢各家公司给予我的面试机会，呜呜呜如果能让我通过给我发offer就更好了。面小厂的一个不太方便的地方就是搜不到面经 ，有种开盲盒的感觉，博主开完了之后决定小小记录一下，希望能帮助到有需要的友友。多发面经攒人品！！！

人生第一次面大厂，和节子挺有羁绊的，浅浅记录一下吧-----------------------------------------------------Timeline：一面        2025-05-07    15-16    当天17: 00 通过二面        2025-05-08    14-15    当天15: 40 通过三面        2025-05-12    15-16    当天20: 38 面挂[HR姐姐说一面二面面评不错，商业化CRM可以捞捞，换部门加一轮面试即可]四面        2025-05-13    17-18    当天21: 31 面挂------------------------------------------------------一面面经-5.7：1. 自我介绍2. 项目性质：你提到的两个项目是练手还是实际投入使用的呀？3. 问项目难点（1）说论坛的游客模式 => 问登陆&登陆态是怎么实现的登陆这块是怎么做的？登陆态是怎么维护的？用户刷新后仍然是登陆状态，怎么判断的？（判断token是否存在）token存在哪里（localstorage里面）token有时效吗？（三天半）你怎么判断它过期的（jwt）你怎么使用jwt解析的 localstorage里面有时效吗？（2）消息实时推送SSE（3）安全性优化（加入csrf）追问：你可以详细介绍一下CSRF吗？你对别的攻击方式了解吗（回答了XSS、提到有分为存储型XSS和反射型）追问存储型和反射型区别4. 自己提到项目收获和项目的开发流程5. 问怎么了解到的项目整体规范开发6. git开发工作流熟悉吗？回答说对于分支流转比较熟悉追问 git merge 和 git rebase的区别rebase使用有什么风险 如何规避风险：影响公共分支追问：怎么样影响的公共分支面试官解释：风险产生的本质原因是git rebase 时候要强推（并且必须强推）7. 对axios封装以及取消重复请求是怎么实现的？追问post请求的避免重复请求是怎么实现的，可以怎么优化8. 节流防抖使用场景9. 图片懒加载追问offsettop是元素距离谁的追问只判断offset整体位置可以吗面试官补充offsettop定位的元素不一定是滚动元素10. Vue2和Vue3的区别11. 问react项目经验12. react hook的原理介绍一下追问hook使用有什么限制吗13. useEffect和useLayout Effect区别14. 一道算法题: 比较版本号【一面面试官是个很温柔的姐姐，提问循循善诱，引导型，面试整体体验很舒适（不敢想要是面过了，姐姐是mentor该有多幸福）】------------------------------------------------------二面面经-5.8：1. 自我介绍 （改进了下自我介绍，明显感觉面试官很赞许【听自我介绍的面试官不多见，感动子】）2. 学校专业课学了哪些课程(自我介绍提到成绩专业第一， 回答数据结构、操作系统、计网、 电子技术基础等)3. 什么情况下促使你去学习前端的 4. 问数据结构问题：讲一下数组和链表的区别 （说数组像整齐排列的房子、链表像一串手串云云）5. 讲一下树的遍历和图的遍历 （答主有点学院派，问数据结构问到点上了，爽）6从浏览器发起一个请求，到请求返回中的过程中，整个请求到响应的路径很多情况下都有缓存。尽可能把缓存说清楚，有哪些缓存（说了强制缓存和协商缓存）追问除了浏览器层面的强制缓存和协商缓存还有哪些缓存，提示如DNS、服务器缓存（讲了DNS缓存， 自己补充讲URL输入到页面呈现的过程）追问其他的缓存7. 你们做系统的静态资源是托管在哪里的，是部署在服务器吗（补充讲项目开发流程， 这里抢问题了，应该看面试官眼色让他把缓存介绍一下）8. 做项目的初衷是什么9. post请求什么时候会出现 打印控制台，post请求出现两次的情况简单请求和复杂请求的区别options 请求遇到过吗10. axios底层？，支持node吗11. 讲一下AJAX12. 算法题：扁平数组转成树形结构问时间复杂度和空间复杂度13. 面试官小哥：我再来问你一些不相干的问题（以为可以开始扯闲话环节了，结果继续问问题）Vue中编写UI会使用 template 和 render，这两者有什么区别吗、有什么关系吗追问：不进行打包、编译可以直接使用template语法吗，render函数最终返回的是什么template最终会被编译成render，这个编译发生在什么时间?14. Vue-loader有什么作用(跟上一题有关系)15. 在webpack项目中自己随便写了一个a.abc文件，可以在js或ts文件中随便引入吗16. Vue中的nextTick，底层怎么实现的？17. 介绍一下浏览器中的微任务（自己扩展说微任务和宏任务的区别、使用场景）反问环节：1. 反问面试官求职时的心理状态、做了哪些准备2. 反问面试官有什么技术方面的书推荐3. AI风潮下，程序员的核心能力会发生转变吗？从业务能力向 AI使用 能力偏移【隔了一周多，编辑面经还在感慨，二面面试官小哥真的很nice，面试节奏特别对。要反馈有反馈、要引导有引导，表示不懂的时候还会重新解释问题，整场面试说说笑笑地进行下来了，轻松愉悦（以至于复盘的时候才发现有的问题还是有点小难的！）最后反问环节聊天也聊得很开心啊啊啊，要是二面小哥是组长就好了...可惜没有缘分。祝大家面大厂都遇到这样的面试官（接好运！）】------------------------------------------------------三面面经-5.12：1. 自我介绍2. js闭包内存泄漏原因, 降低内存泄漏风险的方法3. 自动设置垃圾回收4. weakmap5. node.js：common.js和ES module 追问Common.js的缓存机制6. script的async和defer的区别async会阻塞后续dom吗7. cookie存token和header存token有什么差别8. ES6装饰器9. decorator装饰器，普通函数不支持装饰器的原因, 高阶函数10. 回流重绘 怎么尽量降低影响（方法）11. TS枚举和定义普通对象区别12. 普通枚举和常量枚举13. type 和 interface的区别14. ts类型断言 两种方式的区别15. HTTP2.0中的服务器推送有哪些应用场景16. git相关的命令17. git pull 和 git fetch区别18. 本地分支做变更, 怎么办（回答stash暂存）19. 算法题1const [a,b] = {a:1, b:1} 能正常运行吗?为什么封装一个通用型的方法, 左右结构不动, 成功解构20. 算法题2大数相加21. 追问: 你有一个网站 包含了各种各样的静态资源, 你会怎么设置缓存策略-三面面试官应该是leader，经过我长长的自我介绍后，大手一挥说那我们开始吧！整场面试下来问题密度挺高的，苯人感觉自己答得也很不错，没有卡壳的地方。leader大人也会给一些反馈，面试整体比较顺畅~依旧是体验感不错的面试，但最后还是挂了。。。HR姐姐说面评反馈主要是算法题1思路有问题，应该是用迭代器+沟通不够简明有效得到结果后整个人都down了，非常难受哇非常......感觉像做了一场梦，二面通过的时候觉得自己很lucky，好像离字节很近了，但是结果三面出结果又离得远远的了仔细复盘了一下觉得确实还可以语言更精炼一些回答问题，整体面试还很有收获的。虽然没过，但是感恩~------------------------------------------------------四面面经-5.13：前半小时闲聊规划、学习前端原因、项目（有点不太记得了）后面四道手写题1. TS 泛型用法2. 写出数组的10个方法（写了十几个，面试官问了几个方法的用法）手写实现一个reduce3. this指向4. 给二叉树，输出二叉树每一层的最大节点- 算法题撕得不好，面得有点低气压。但是此 leader 挺活泼的哈哈哈，也会主动给出一些提示（重生之部门leader亲自教你写算法）。面试结束后就知道g了，瘫椅子上半小时没说话，才收拾收拾去吃饭了和面评反馈的一样，《可能太过紧张，心态会有点急促》。但是很感激面试官啊，哎哎哎这把确实没缘分我是不会放弃面试字节的（我节孝子一定会回来的）

部门：剪映-深圳timeline：4.25一面4.27二面4.28三面4.29hr面之后就一直泡着排序更：5.13oc，拒了————————面经一面1h：问项目token被窃取了怎么办如果要你设计一个系统可以从哪些方面解决这个问题intersectionObserver怎么实现的无限滚动，和用scroll有什么区别了解虚拟列表吗，用intersectionObserver怎么实现接着问项目，引导怎么拓展和优化一个里面一个功能点http2接着引导那个优化点（鼠鼠拼尽全脑一通瞎猜乱扯把自己说笑了，面试官遂放弃，接着往下进行了，但事后鼠鼠搜了一下发现鼠鼠扯得应该挺对了）nodejs了解koa吗讲讲express中间件有什么好处this指向题手写：封装一个函数，只在第一次点击按钮时执行，之后就不再执行讲讲闭包讲讲发布订阅发布订阅有什么好处手写：发布订阅点了一下直接delete事件会有安全问题二面45min：怎么想着大二就出来实习可实习时间学校的课怎么办为什么选前端学前端多久了两个项目的背景为什么选择写线上商城遇到的难点，怎么解决的自己最大的两个优点和缺点（鼠鼠说觉得自己脑子很聪明，绷不住笑了，面试官也跟着笑）有些急躁有导致过xxxxx吗？（没听清说的导致过什么，猜测可能是说工作延误之类的，当机立断说没有，主要导致自己焦虑）如果早上给你个任务，要求晚上ddl，你会到什么时候才寻求帮助平常有写文章的习惯吗（鼠鼠说自己语文不好，面试官又乐了，鼠鼠意识到在考写文档的能力，遂找补道平常会复盘然后写一些思路之类的）你希望在这段实习里学到什么怎么看ai现在在写代码上发展到什么阶段了最近在用哪个大模型ai在你学习里作用大吗，或者说和不用ai的效率进度差别大吗能接受的上班时间（鼠鼠说不上早八就行，面试官笑了说他们不上早八，鼠鼠接了句我们上早八写点代码题吧，最近有正在写的什么小项目吗？（鼠鼠思考了一下要不要编个，遂决定还是直接说没在写什么，最近都在准备面试。又把面试官逗笑了）手写：合并有序数组写一个登录页面，可以用ai反问：这轮是技术面吗？是如果通过的话后面还有几轮面试？正常来说至少还有一轮hr面业务？to B还是to C？即梦ai的to C面试结果什么时候能出来？今晚三面30min：问项目共享屏幕运行看看