小红书前端（OC）

很久之前的面经了 翻出来分享一下一面 4.111.自我介绍2.聊天 （面试官人真的挺好的）如何学习前端的如何看待ai的平常如何自主学习的3.八股js的变量提升js的闭包js的eventloophttp和https的区别强缓存和协商缓存react fiber算法讲讲webpackreact hooks为什么不能在条件语句中使用useLayoutEffect和useEffect区别setState是同步还是异步4.算法实现链式调用二面 4.16这面面试官说是酒旅的面试官主要聊了一下我做的rn项目并没有什么八股输出然后谈了谈对ai的看法和自己未来的对话算法是手写最大并发限流器4.21oc部门:核心商业 - 到家零售结算

一面问题，纯纯八股拷打，而且说只面试一轮vue3怎么定义一个响应式变量ref和reactive有什么区别vue3中有哪些常用的指令v-if和v-for可以同时使用吗插槽组件之间是怎么通信的路由传参分为哪几种route和router有什么区别flex是做什么的？有哪些属性？

人生第一次面大厂，和节子挺有羁绊的，浅浅记录一下吧-----------------------------------------------------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了，瘫椅子上半小时没说话，才收拾收拾去吃饭了和面评反馈的一样，《可能太过紧张，心态会有点急促》。但是很感激面试官啊，哎哎哎这把确实没缘分我是不会放弃面试字节的（我节孝子一定会回来的）

1. 详细的说一下流式传输的流程2. 为什么要选择SSE呢？（api服务提供的就是返回就是SSE的吧？）3. 有没有其他的方式也可以接受到服务端的信息？（WebSocket）4. localStorage和sessionStorage区别5. vue2和vue3的差别6. vue2中的Object.defineProperty和vue3的Proxy的差异7. Composition api比Options api的优势在哪里8. 说一下vue组件通信之间的方法9. 事件总线是怎么实现的10. 详细讲一下发布订阅模式11. v-if和v-show12. v-if和v-show的生命周期有什么区别13. 讲一下keep-alive14. 手撕LRU（这个想不起来了，挣扎了一下最后说了思路）15. 说一下对ts的了解16. 怎么使用图片懒加载优化17. 一般图片懒加载用在什么场景18. 预加载了解过吗19. axios是怎么进行二次封装的20. 在axios中发送多个请求，但是只实现最后一个请求，如何实现？21. 说一下事件循环22. 宏任务和微任务都有什么23. promise的出现是用来解决什么问题的24. async/await又是解决了什么问题25. promise并行发多个请求怎么做？26. promise.all allsettled race 之间的区别是什么27. 箭头函数和普通函数有什么差别28. 闭包在什么情况下会使用29. 函数柯里化一般在什么情况下会使用30. 事件委托的触发流程