饿了么前端暑期一面面经

1.面试官问了 CSS 盒模型，还问标准的和IE的有啥不一样来着?2.React 里那个 useEffect，依赖数组空着、不写、写具体值的时候，效果不-样吧?还问为啥依赖不能漏写。3.JS 闭包是什么?能用到哪些地方?用的时候要注意什么问题?4.前端跨域有哪些解决办法?每种咋回事，适合什么情况?5.Vue3和 Vue2 的响应式原理不一样吧?为什么 Vue3 用Proxy不用Object.defineProperty了?6.浏览器的回流和重绘是啥意思?怎么能少发生点?7.Promise 有三种状态是什么?还有 all、race、allSettled 这几个，区别和用在哪?8.webpack 里 loader和 plugin 不一样吧?举几个常用的，说说干啥的。9.HTML里 meta 标签有啥用?比如 viewport那个，作用是啥，一般咋配置?10.JS 原型链是啥?怎么用原型链实现继承?举个例子。11.React 里 key 是干嘛的?为啥不建议用索引当 key?12.前端性能优化有哪些方法?从网络、渲染、代码方面说说。13.浏览器事件循环是咋回事?宏任务、微任务都有哪些?执行顺序呢?14.Vue 里 v-if和 v-show 有啥区别?分别啥时候用?15.怎么写个深拷贝函数?要考虑哪些特殊情况，比如循环引用、特殊数据类型之类的?

为了防止被认为是菜鸡, 所以先说一句, 第一关到第三关我还是会的 😭面试官不要再学历挂我了好吗前言：上周一，产品经理搬着椅子坐到了我旁边：“咱们的 AI 助手体验太‘古典’了，请求发出去要转圈五秒钟才吐字。你看人家 ChatGPT，那个字是一个个蹦出来的，多解压！还有，能不能让 AI 给我写个 React 组件，直接渲染出来让我点？就像那个 Gemini Canvas 或者 Vercel v0 一样？”我看着手里还在用 await fetch().json() 的代码，陷入了沉思。这不是加个 CSS 动画能解决的事，这是一场从网络层到渲染层的全面重构。这几天，我像是经历了一场前端技术的“大航...

一面（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.7 3.00 51min）基础/学习类自我介绍JS中异步的概念是什么？为什么JS是单线程还需要事件循环？栈内存和堆内存的差异？为什么数组要存在堆内存而不是栈内存？JS中有哪些基本数据类型？函数内部的this含义是什么？call、apply、bind的区别？TypeScript联合类型和交叉类型的概念？平常怎么学前端的？浏览器/网络类什么是同源策略？如何实现跨域请求？为什么代理可以绕过同源限制？Cookie和Session的定义和差异？Cookie是怎么种下的？LocalStorage和SessionStorage的区别？HTTP强缓存和协商缓存的区别？301和302状态码的区别？CS...