前端面试题

1、自我介绍2、项目拷打3、项目难点4、大文件上传断点续传怎么做的5、大文件上传并发上传控制器怎么做的6、怎么实现流式响应的处理7、虚拟列表定高和不定高的原理8、TCP 和 UDP 的区别9、SSE 和 WebSocket 的区别10、http1.0 和 http2.0 的区别11、输入 url 的解析过程12、首屏优化方式13、webpack 的打包优化方式(因为首屏优化谈到了 Tree Shaking，所以问了一下这个)14、vite 的构建原理15、vue3 的响应式原理16、ref 和 reactive 的区别17、ref 传入一个对象发生了什么(瞎答的，我说因为 ref 底层源码用到了 reactive，所以应该是直接调用 reactive，结果面试官说我答对了，hhhh)18、react 的常用 hooks(react 一点不会，，，面试官看我不会就没问了)19、项目中用到了 nestjs，说说用到了哪些装饰器(真的有公司日常开发会用 nestjs 么，，，我就是个切图仔，问我这个干什么)20、三道手撕：Promise.all(秒)接雨水(秒，面试官说我写的有点快，hhhh)股票买卖的最佳时机 II(写了一半，就写了个股票买卖的最佳时机的单区间的解法)21、反问：主要技术栈，写 react 的，感觉技术栈严重不匹配，虽然八股大部分都答出来了，但是感觉面试官觉得我 react 了解太少，估计要凉 😭公司业务————update：约二面了

社招1年面试：有赞八股还是蛮多的《门店》部门技术一面：object、map 和 set 的区别防抖和节流的使用场景（防抖场景，节流场景）flex 1 由哪些构成？分别是什么含义promise 用法 allSettleed Promise promise.then/catch的第二个参数浏览器事件循环模型 宏任务、微任务的执行顺序  宏任务中包含微任务，其中的执行顺序 解释：微任务的执行是在宏任务之中，还是之后宏任务与微任务在浏览器的事件循环模型中，当一个宏任务在执行过程中产生了新的微任务，这些微任务并不会被立即执行，而是会被添加到当前事件循环的微任务队列中。这些微任务将在当前宏任务执行完毕后、...

一面（1.8 21.00 48min）项目相关1. 实习经历主要做什么事情？2. Web上主要做什么？管理后台还是员工用的？3. 你在里面主要负责什么事情？4. 配置项大概包含什么内容？5. 子集和孙集的策略是怎么划分的？6. 配置驱动渲染是指什么意思？什么配置来驱动渲染的？7. 为什么有的配置项会展示，有的不会展示？8. 你怎么判断哪个组件需要做什么事情？9. （追问）如果要在某个特定组件上加一次请求，怎么处理？10. 你觉得这里面比较难的地方在哪里？React状态管理1. 用到React的什么库？2. Redux、Zustand、MobX这三个有什么区别？3. （追问）为什么说Zustand是单例？什么东西是单例？4. MobX的响应式绑定一般用什么东西来做？5. Object.defineProperty和Proxy的差别是什么？React原理1. 讲一下你对React的理解？2. React是怎么做异步可中断渲染的？3. 可中断是在哪里中断？4. 可中断的任务是怎么去执行的？5. 5毫秒任务是在什么时候开始执行的？6. 为什么是5毫秒？7. （关键问题）React怎么保证在每帧渲染之前去执行这个任务？手写题1. 手写useRequest - 包含多个追问：○ manual写在哪里？○ run函数每次渲染都生成一次，怎么让它稳定？○ fn变了但run保持稳定，同时能获取最新的fn，怎么处理？○ useRef初始化的问题○ run函数要返回Promise吗？反问因为时间太晚， 希望面试官早点回家，就说了一下这次面试我学到了很多， 也很开心。                                              20分钟约2面二面（1.9 5.00 23min）基础/学习类：前端学了多久？自学的吗？学习渠道是什么？平时AI了解多吗？什么场景用AI？项目类：SDK监控是什么？技术栈是什么？项目是自学项目还是实际业务？聊一个实际工作中的项目技术原理类： React Fiber架构了解吗？展开讲讲手写代码：  Promise.all其他： 实习时间安排反问： 业务是啥20分钟oc总结：效率特别高

社招1年面试：感觉现在貌似不咋考八股了。技术二面：45min主要聊项目，无八股。印象如下：项目问题：印象较深的是这个拖拽层的交互 — 协议层 怎么写？设计一个“单选框组件”，选项里面可能是图片、文字等，该如何设计。拓展问题：该如何约束选项中的内容，比如内容只能是某种文字，该如何实现？技术二面：30min技术负责人面，无八股。印象如下：聊天，关于家乡工作离职原因，手上 Offer 情况。为什么做前端?(说清楚) 为什么适合做前端的点(说清楚)为什么擅长做前端的点。我自己拓展聊了聊了关于产品思维红米手机，在弱网环境下，怎么做好图片的传输你印象最深刻的难点是什么?要求是最近一年的。你说你熟悉AI，那...