饿了么前端一面（风控）

1.Hooks的作用2.React context的理解3.context和redux区别，它们的适用场景分别是什么4.context和redux在dispatch(action)时的区别5.react fiber的原理，它解决了什么问题6.react fiber具体是如何管理的7.react fiber递归比对 VirtualDOM 树，找出需要变动的节点，然后同步更新它们。相比于原生的方法，有什么优点，为什么提升了性能8.react fiber优先级进行管理，具体是如何触发的，什么时候进入队列，什么时候渲染9.playwright的竞品以及它的优势，参与技术选型了吗10.假设有一个淘宝购物网页，在一个虚拟列表动态加载的场景下：你通过监听scroll事件滑动来遍历得到了整个列表项，如11.果当你渲染需要网络请求数据，如何等待数据返回后渲染12.不停触发滚动的时候 ，可能会遇到取异步新的数据，新的数据不出现怎么办，具体怎么检测呢13.怎么拿到加载的新的数据量，怎么判断还在取数据14.如何判断获取数据的流程，监听请求拦截和响应拦截器嘛15.自动化测试的时候能拿到后端的接口的数据吗16.Playwright 怎么拿到后端的数据

1.浏览器渲染树2.重排与重绘3.如何减少重排与重绘4.vue如何减少重排与重绘5.diff算法6.垂直居中7.缓存8.闭包9.手写防抖10.输出题，promise链式调用（这题一出来我就知道寄了，没复习链式调用有点忘了）11.手写promiseAll12.问项目细节，没有太深13.vue watch与compute的区别14.vue2与vue3响应式15.为什么学前端，怎么学前端

如何聊项目从 what why how 加上对比 ，从背景是what，为何用到这个技术why到怎么样运用这个技术到项目中how，然后再对比，按照项目所需要的背场景题和八股what？从项目背景出发：为了解决什么问题？面向用户群体？以及核心功能？可以答：比如说原生命令行交互门槛高，普通用户难以直接使用之类的巴拉巴拉，需要快速集成AI能力到应用中，但缺乏低代码交互界面之类的巴拉巴拉。频繁与AI对话，需要历史记录回溯、多轮交互支持之类的巴拉巴拉。（点回到了怎么样去做低代码交互界面，记录回溯、多轮交互支持）。低代码交互界面通过Vue3+Vite实现高性能交互界面。封装 ：浅一点：1、API 请求的封装​ 使用 Axios + TypeScript或者是在组件中使用​2、状态管理的封装​ ​​使用 Pinia 状态管理库或者是在组件中使用​​                3、组件的封装​ 通过props和事件实现父子组件通信深入一点：按需加载与动态组件​：（面试官可能会问按需加载和预加载哪种方案更优？）按需加载：why ？减少首屏加载时间​，​​优化打包体积​​，提升用户体验​。how？​​Vue3 的动态组件，路由懒加载，​​第三方库按需引入​动态组件：why？​​1、灵活性​​：根据不同条件渲染不同组件（如聊天消息类型、用户权限）2、 复用性：避免重复代码，通过参数化控制组件行为。​​ 3、 性能优化​​：配合 keep-alive缓存组件状态，避免重复渲染how？ 1、vue 的 <component :is="...">​​：动态绑定组件名称或实例。2、 结合 v-if/v-else​​：根据条件切换组件。3、状态管理​​：通过 Vuex/Pinia 管理当前激活的组件状态。对比：  如果用预加载的话，会增加初始负载，有首屏卡顿风险​​和资源浪费​还有实时性的冲突​。预加载更适用于高频操作的内容​和关键路径资源​还有网络优化​。后期考虑按需加载和预加载混合策略​，在用户浏览历史记录时，预加载后续少量消息之类的巴拉巴拉。性能优化：​​虚拟滚动：why？  1、避免渲染全部 DOM 节点2、提升滚动流畅度how？  1、使用 vue-virtual-scroller插件，结合固定高度的列表项2、通过 windowing技术动态计算可视区域。防抖：why？1、减少无效请求，用户在输入框中连续输入时，每按一次键都会触发一次 API 请求，导致大量冗余请求2、优化性能​​，免因频繁调用后端接口而消耗带宽和服务器资源3、​​提升用户体验，用户可能输入较长的句子，无需为中间状态频繁加载数据how？  1、使用 Lodash 的 debounce函数2、​​在组件中应用防抖​​对比： 但是（话说回来）防抖也有局限性，用户可能在停止输入后快速提交，但防抖可能导致最后一次请求被忽略。后期考虑用结合节流，在单位时间内至少发送一次请求之类的巴拉巴拉。大概按照这个思路聊，引导面试官提问你问题 有啥需要补充面试技巧的，欢迎在评论区指出

后端面经1. 项目是网上学习的还是自己实现的2. 项目的后台是怎么实现的3. 会话管理是怎么做的4. 会话内有没有做上下文关联5. 你电子信息专业具体是什么方向6 div元素隐藏有哪些方式7. 响应式布局怎么实现？8 调接口有一些跨域的问题，应该怎么解决9. 主要用的是VUE3是吗，VUE2用过吗10. vue3的响应式原理是什么11. 在不同的页面之间，数据传递有什么方式公司在深圳，是做雾化器的，团队的一个负责人，和两个技术面试官一起面，一共三个人面试的时候感觉还行，反问的时候说面试结果两天就出，思摩尔国际2026全球校园招聘9.5正式启动【关于我们】思摩尔国际（HK6969）成立于2009...