美团暑期前端一面

面试日期：05-21 面试时长：50mins 面试地点：腾讯会议 面试官没开摄像头 到底是研究院，感觉面试官就是一个做工程的老师，给我的压迫感很强   问实习项目   布局单位   浏览器缓存   Cookie, localStorage,sesisonStorage三者的区别   sessionStorage具体存在的周期，是在页面标签关闭就失效还是浏览器窗口关闭就失效   跨域   又问项目   hooks常用有哪些   具体问了useState,useEffect   useMemo和useEffect都依赖同一个state，数据发生变动二者的执行顺序是怎么样的   说一下你对React...

一面： 项目中遇到了什么问题，怎么解决git命令，遇到冲突怎么办cors跨域options状态码vue2、vue3mqtt和http区别会不会tsai工具二面：两个面试官课题相关、论文相关拷打项目+一点点延申AI工具使用差别

现在大三下在学校还有课，是找附近的地方线下面试，还是什么样的找实习流程呢，不在自己城市实习，是必须去线下吗？去了线下不过是不是就白跑了😅

虾皮前端一面总结一、八股文考察1. 箭头函数◦ 核心问题：需明确箭头函数特性（无this、arguments、prototype，不能用new）。◦ 未答关键点：◦ this继承自外层词法作用域，非构造函数因无prototype且new时无法绑定this。◦ new过程需创建实例、绑定this、返回实例，箭头函数无[[Construct]]内部方法。2. 性能优化◦ 问题：不熟悉相关知识，需补充学习（如防抖节流、SSR、CDN、懒加载等）。3. 浏览器内存与缓存◦ Local/Session Storage：数据存储于磁盘，读取时从内存缓存或磁盘获取（取决于是否常驻内存）。◦ 协商缓存：◦ max-age=0与no-cache区别：前者强制验证缓存，后者需服务器确认。◦ ETag与Last-Modified并存：前者更精准（文件内容变化），后者依赖时间戳（可能误判）。4. React Hook◦ 问题：对useMemo、useCallback、memo使用场景模糊。◦ 改进点：结合项目举例（如子组件高频渲染时用memo缓存，避免函数重复创建导致的重渲染）。二、代码题• 动态规划背包问题：用最少砝码数量组合目标重量，需明确状态转移方程（如dp[i] = min(dp[i], dp[i - w] + 1)）。三、面试官交流1. AI看法：强调合理利用AI辅助解决复杂问题，提升效率。2. 性能优化建议：结合具体场景（如电商首屏优化、可视化图表性能），参考谷歌Lighthouse、Web Vitals等工具。四、改进方向1. 基础巩固：深入理解箭头函数原理、浏览器存储机制、HTTP缓存策略。2. 性能专题：系统学习优化手段，结合实际项目案例分析。3. React实践：梳理Hook使用场景，通过项目练习巩固（如列表渲染优化）。4. 算法训练：强化动态规划题型，掌握背包问题变种解法。