柠檬微趣前端笔试

1.项目介绍。2.美团外卖首页包含大量商家卡片，支持按距离、销量、评分筛选，且商家数量达数千级，如何设计前端渲染方案确保页面流畅滚动?如何优化筛选功能的响应速度和数据加载体验?3.美团到店团购订单页需要展示订单信息、核销状态、退款入口等，如何设计前端状态管理逻辑?用户支付成功后，如何确保页面状态实时更新且数据一致?如何处理支付超时、网络中断等异常场景?4.美团外卖的“骑手实时位置追踪”功能，需要在地图上实时显示骑手位置、配送路线和预计送达时间，前端如何基于WebSocket 实现位置实时同步?如何处理网络波动导致的位置延迟或丢失问题?5.美团首页的“个性化推荐”模块(如推荐商家、优惠活动)，需要根据用户行为动态加载内容，如何设计前端缓存策略?如何平衡“推荐内容实时性”和“页面加载速度”?6.美团外卖的“购物车”功能支持添加商品、修改数量、选择规格(如口味、包装)，如何设计前端数据结构和交互逻辑?当用户在多端(APP、H5、小程序)登录时，如何保证购物车数据同步?7.美团到店餐饮的“预约排队”功能，需要展示当前排队人数、预计等待时间、叫号提醒，前端如何实现实时更新?如何优化大量用户同时在线时的页面性能和消息推送可靠性?8.美团的“评价晒单”模块包含大量用户评价(文字、图片、视频)，支持点赞、回复、筛选，如何设计前端架构实现评价的高效渲染和交互?如何处理地址库数据量大导致的加载缓慢问题?

1.聊聊xxx项目吧，还记得吗? 2.这里xxx怎么去定义，然后怎么去拦截?那整体的流程可以介绍一遍吗? 3.Java的AOP实现原理是什么呀?底层实现是怎么实现的?两个代理有什么区别? 4.Autowired注解是用来做什么的?和Resource注解的区别及使用场景? 5.假如一个接口有多个实现类，使用Autowired注解按类型注入时会选择哪一个? 6.接口A有两个实现类B和C，都注册成了bean，在依赖注入时怎么指定其中一个? 7.Spring事务管理是怎么做的呀?有什么情况下可能会导致事务失效? 8.你是怎么理解SpringMVC的?它有哪些核心的工作流程或者说核心的组件? 9.MyS...

1.vue2你有什么了解2.vue3和vue2的区别3.for (var i = 0; i < 3; i++) {var a = i;let b = i;setTimeout(() => console.log(i,a,b), 100);}4.for (var i = 0; i < 3; i++) {var a = i;let b = i;}setTimeout(() => console.log(i,a,b), 100);5.console.log(1);setTimeout(() => console.log(2), 0);Promise.resolve().then(() => {console.log(3);return Promise.resolve().then(async()=> {setTimeout(()=> console.log(6),0);await console.log(5)})});console.log(4);6.flex讲解7.你知道哪些数组方式8.slice用法（忘说这个了，有问了这个和splice区别）9.浏览器渲染机制10.重绘和回流的区别11.虚拟dom12.diff区别13.栈和堆的区别14.基本类型和引用类型的区别15.事件捕获16.this用法17.apply，call，bind18.闭包19.节流和防抖20.节流和防抖的应用场景都是什么21.后面忘记了22.没带电脑没考算法题，不然肯定要考的，不过大概率挂了

前言去年遇到的一个问题，也是非常经典的面试题了。能聊的东西还蛮多的倒计时为啥不准一个最简单的常用倒计时： const [count, setCount] = useState(0) let total = 10 // 倒计时10s const countDown = ()=>{ if(total > 0){ setCount(total) total-- setTimeout(countDown ,1000) } } 稍微有几毫秒的误差，但是问题不大。原因：JavaScript是单线程，setTimeout 的回调函数会被放入事件队列，既然要排队，就可能被前面的任务阻塞导致延迟 。...