前端面试中的情境题答题模板与高频示例

美团内推啦~ 投递链接： https://zhaopin.meituan.com/m/campus?staffSsoId=20507416 在美团待了挺久了，感觉 美团值得拥有，祝大家一切顺利嗷～ 美团，让你的创意闪耀舞台！我们鼓励员工提出新想法，实现个人和公司的双赢！  以下是面经分享： 第一轮技术面  自我介绍 强缓存与协商缓存机制实现原理 HTTP/1、HTTP/2、HTTP/3的核心区别 Set与WeakSet的区别及弱引用特性 闭包与V8垃圾回收机制 React Hooks的设计动机及函数组件与类组件的差异 React Fiber架构解决的问题及实现思路 手写发布订阅模式 实现Pro...

## 时长 70 分钟 北京合思招聘系统### 1.自我介绍环节### 2.做题环节（20 分钟左右）有 22 道选择（html,css,js,数据结构),一道算法题：字符串去重，我和面试官简单说了一下思路（new Set),然后他让我随便写一点交卷了### 3.项目，场景和八股环节（这个环节持续太长了，有些我实在是忘了）1.你是如何做到首屏优化的2.讲讲 CI/CD 是如何实现的3.项目中有使用过 webpack 和 vite 吗4.webpack 和 vite 有什么区别5.有没有使用过什么状态管理工具6.项目使用了什么缓存机制这里我展开讲讲。关于缓存数据，蜀黍使用了缓存头(Cache-Control)和 localStorge。项目中使用了 Promise.all 来进行并发请求，同时从服务器和本地缓存请求数据7.怎么获取的缓存数据localStorge，状态码 3048.缓存的过期时间9.NextJS 中如何设置代码在客户端运行10.NextJS 如何设置服务端运行（好像是这个问法)11.useEffect 中如何进行数据请求（丝滑切换至场景题）12.如果不同 useEffect 中相互依赖过多怎么办（反问面试官，竟然是退化至使用类式组件）13.如果我想让我的 useRef 使用外部的 props 应该怎么办（forwardRef）14.当我的父组件将一个可能会经常变化的 props 传递给子组件时，应该怎么办（useMemo）15.我想全局管理 props,并且防止出现 props drill 的问题，应该怎么办（useContext）16.我想使用 useRef 来实现一个可以返回窗口顶部的功能，应该怎么实现，使用哪些 API17.我想将一个二维数组转换为一维数组怎么办18.如果我的二维数组中不完全都是数组怎么办（instanceof、Array.isArray）19.实现 add(1)(2) === 3 （函数柯里化）20.如何实现 string 和 number 之间的相互转换21.如何改变 this 的指向22.你有没有用过什么 ES6 的新特性23.Promise 打印顺序```javascriptconst promise = new Promise((resolve, reject) => {  console.log(1)  resolve()  console.log(2)})promise.then(() => {  console.log(3)})console.log(4)```24.有没有使用过 typeof25.flex 布局中如何实现水平垂直居中26.如何消除 float 带来的影响27.给定一个完整的 URL，如何获取其查询参数28.React 19 和 React 18 有什么区别29.项目中是否有采用什么对静态资源的优化可能还有，但是暂时想不起来了## 时长 15 分钟 洋葱学园1.对于一个列表，我们通常会给其添加一个 key,可以不添加吗，如果不添加是否有什么问题？2.对于一个 H5 页面加载过慢，如何优化3.将 URL 输入搜索栏，浏览器会做什么4.如何实现进入视窗才进行懒加载5.如何在一个 JS 文件中白屏时返回 Loading 组件（我直接说了 React 和 NextJS 中如何实现哈哈）6.移动端适配7.如何处理重复的请求（本人说了 axios cancelToken、防抖和节流解决这个问题）我确实记得应该还有，但是想不起来（

天河的一家初创vue的双向绑定vue的单向数据流说一下mvvmlet const区别 （尽可能多得说）div a标签的区别路由在哪个生命周期被使用聊一下vuexvuex的mutation如何使用反问先是做了一份选择题试卷 比较震惊的是第一面考的还是有关他们公司的内容 整个过程有点脑子空白 有心无力了

  楼主人生第一次正式面试美团日常自我介绍1 八股拷打linkdlist,arraylisthashmapconcurrenthashmapSynchronized底层（监视器）锁升级JVM内存模型垃圾回收的算法，区域，时机可达性分析GCRoots四种引用类加载过程Redis穿透，击穿，雪崩宕机回复（回复的持久化相关）AOF重写redis后台线程MySQL索引B+树聚集/非聚集ACID，解释，隔离级别MVCC详细Mysq三种日志主从复制两阶段提交慢SQL索引优化索引失效数据空洞（这个到底是什么？没听过呢）进程和线程进程键通信调度算法僵尸进程和孤儿进程死锁条件虚拟内存和物理内存分段分页（是否每个虚拟也都有映射）缺页异常TCP三握四挥TIME_WAIT四次挥手能改成三次吗UDPTCP 的重传机制，滑动窗口，拥塞避免算法：重排链表（到这我特紧张，一眼就看出来了，硬生生因为一些编码细节问题写了22min，哭了）一共70min