美团前端二面

1.面试官问了 CSS 盒模型，还问标准的和IE的有啥不一样来着?2.React 里那个 useEffect，依赖数组空着、不写、写具体值的时候，效果不-样吧?还问为啥依赖不能漏写。3.JS 闭包是什么?能用到哪些地方?用的时候要注意什么问题?4.前端跨域有哪些解决办法?每种咋回事，适合什么情况?5.Vue3和 Vue2 的响应式原理不一样吧?为什么 Vue3 用Proxy不用Object.defineProperty了?6.浏览器的回流和重绘是啥意思?怎么能少发生点?7.Promise 有三种状态是什么?还有 all、race、allSettled 这几个，区别和用在哪?8.webpack 里 loader和 plugin 不一样吧?举几个常用的，说说干啥的。9.HTML里 meta 标签有啥用?比如 viewport那个，作用是啥，一般咋配置?10.JS 原型链是啥?怎么用原型链实现继承?举个例子。11.React 里 key 是干嘛的?为啥不建议用索引当 key?12.前端性能优化有哪些方法?从网络、渲染、代码方面说说。13.浏览器事件循环是咋回事?宏任务、微任务都有哪些?执行顺序呢?14.Vue 里 v-if和 v-show 有啥区别?分别啥时候用?15.怎么写个深拷贝函数?要考虑哪些特殊情况，比如循环引用、特殊数据类型之类的?

需求规格 基本功能：LRUCache(int capacity) 初始化缓存容量int get(int key) 如果key存在则返回value，否则返回-1void put(int key, int value) 如果key已存在则更新，否则插入当缓存达到容量时，put操作应淘汰最久未使用的key性能要求：get和put操作的时间复杂度应为O(1)考虑线程安全扩展要求（根据面试时间）：支持过期时间（TTL）支持持久化到磁盘支持统计信息（命中率等）

1.项目介绍2.实习经历3.离职原因，可以实习多久4.JVM参数，调优5.大量实时数据，如何设计一个系统接收这些数据6.一张表若干字段，该建立哪些索引7.mysql集群8.mysql分库分表9.mvcc10.幻读，mvcc可以解决幻读吗11.redis集群12.缓存一致性13.两阶段提交，两阶段提交的思想能不能用在缓存一致性上14.tcp三次握手，为什么三次15.输入url16.kafka熟悉哪些知识点17.kafka是拉还是推，为什么18.kafka如何保证消息顺序19.kafka为什么快20.一万亿条数据，用户id，购买数量等，找出购买数量最多的三位用户21.手撕 二叉树的右视图22.反问

（一）CSS 相关1. 实现元素垂直水平居中的方法有哪些？2. flex 设为 1 时，对应三个属性的值是什么？3. 如何用弹性布局实现 “上中下三栏布局”？4. 中间区域内容过多时，如何让其在自身区域滚动而不挤压底部？5. flex 的 gap 属性在低版本浏览器不兼容，替代方案是什么？6. 了解哪些响应式布局方法？（二）JS 相关1. ES6 + 中常用的新特性有哪些？2. Promise 有几种状态？状态之间的流转关系是什么？3. Promise 构造函数是同步执行还是异步执行？4. 如何判断一个元素是否在可视区域？5. JS 中可能导致内存泄露的情况有哪些？（三）TS 相关1. TS 中 interface 和 type 的区别是什么？2. 泛型的使用场景有哪些？（四）工程化 & 网络相关1. Webpack 中 loader 和 plugin 的区别及各自使用场景是什么？2. 了解 Tree Shaking 的原理吗？3. 项目开发中如何解决跨域问题？4. HTTPS 为什么比 HTTP 更安全？其安全性如何保证？（五）React 相关1. React Hooks 中常用的有哪些？2. React Hooks 为什么不能在条件渲染中使用？3. 渲染列表时，为什么需要给子元素设置唯一 key？能否用index作为 key？4. 对 React Diff 算法的理解是什么？5. 对 React Fiber 的理解是什么？（六）手撕promise.all对象比较