【前端】美团三面面经

1.手写一个 React 倒计时组件（注意处理组件卸载时的定时器清除）。2.map 和 forEach 的区别是什么？谁有返回值？3.useEffect 的依赖数组（Dependency Array）怎么用？它的返回函数（Cleanup Function）有什么作用？4.什么是回流（Reflow）和重绘（Repaint）？什么操作会导致回流？5.ResizeObserver 和 IntersectionObserver 的区别和应用场景分别是什么？6.为什么 JS 必须是单线程的？7.React Query (TanStack Query) 解决了什么核心问题？8.AI 的流式响应（Streaming）是如何实现的？什么是 SSE？9.常见的前端性能优化手段有哪些？（图片、代码分割、构建优化）

1.请简单介绍一下你最近做的项目，或者你认为最有挑战性的一个中型项目你在其中主要扮演的角色和解决的关键技术问题是什么?2.在你的项目中，你使用了哪个前端框架(Vue/React)?请谈谈你对该框架(例如:Vue3的Composition API或 React Hooks)核心思想和工作原理的理解。3.请详细解释一下虚拟 DOM(Virtual DOM)的工作原理从数据变更到最终渲染到屏幕，整个过程经历了哪几个关键步骤?鈎脬蕁翌嘗試涌伫跪嬪帐来的性能优势主要体现在哪里?4.JavaScript 中，var、let 和 const 在作用域、提升(Hoisting)和重复声明方面有什么本质区别?请说明一下暂存死区(Temporal Dead Zone)。5.请简述一下闭包(Closure)的原理和常见的应用场景。闭包可能带来什么副作用?如何避免?6.Promise 的原理是什么?请解释一下 Promise.all()和 Promise.race()的区别晥件以及它们是如何处理链式调用中的错误捕获的?7.解释一下 HTTP 状态码 304 的作用以及浏览器是如何判断资源是否需要发送 304 状态码的?请描述一下常见的缓存策略(强制缓存与协商缓存)。8.请解释一下 BFC (块级格式化上下文) 的原理及其常见应用场景。9.你如何理解前端工程化?10.请写出一段代码，实现一个简单的数组去重函数，要求不使用 Set，并说明其时间复杂度

12.3 自我介绍webworker用来干嘛的说说大文件分片上传分片机制还有什么优化空间吗(md5碰撞需要解决)虚拟列表是什么怎么实现图片懒加载首屏优化axios怎么取消请求有没有封装过组件 提取公共函数等vite工程化都干嘛了算法考数组转树反问整体节奏很舒服 算法也不算很难 面试官也很和蔼

1.详细介绍自己的一个项目(背景、为什么会有这样的项目、解决什么问题)2.做项目时遇到的难点，怎么解决3.对这个项目怎么进行测试的4.测试时遇到印象深刻的bug，原因是什么，怎么解决5.junit 的使用情况(我有提到所以就接着问了)覆盖率、怎么进行数据构造、常用的注解计网:1.从在浏览器输入一个网址并访问到显示出具体页面，这个流程背后具体是一个怎么样的过程2.用过什么抓包工具3.说说http和https的区别4.说说cookie和session的区别5.介绍一下什么是关系型数据库6.主键和外键是什么7.索引是什么，怎么创建8.说说对自动化测试的了解9.selenium怎么定位一个控件10.你认为哪种定位方式最稳定11.写过多少自动化的case，有些自动化需要准备数据，你是怎么做的场景题:在刷今日头条的时候，一直提示服务繁忙，但是浏览其他软件都没问题。在这种情况下，你从客户端、服务端或者网络方面说一下可能会有什么原因微信发红包的功能，怎么进行用例设计找实习的原因本科毕业后的打算算法题:找出字符串中出现最多的单词和次数