当前位置: 首页 > 面试经验 >

美团到店前端面经

优质
小牛编辑
96浏览
2023-03-28

美团到店前端面经

美团是秋招面试体验最好的几家之一,面试官问的很有水平,不会纯八股,会根据项目延申,考察你对项目的理解和深度,最后出一些场景题让你分析。经过两面加HR面也顺利拿到offer,还收到了团子的中秋祝福!秋招过程也参考了往年各种面经,最后也写个面经回馈一下大家。

一面

mock server

  • 脚手架的实现,js模板渲染?
  • node如何取读写文件?fs模块(file-system)

商品秒杀系统:

  • 服务器端的优化:
    • 建立索引
    • redis缓存
  • mysql数据库和redis缓存的区别:
    • 数据库类型:关系型和非关系型
    • 存储位置:磁盘持久化存储、内存读取速度快
    • 使用上:MySQL(主) + Redis(辅),在需要性能的地方使用Redis,在不需要高性能的地方使用MySQL
  • 这个系统主要的负载或瓶颈在哪里?

首屏加载优化:

  • 浏览器存储机制对比:localStorage、sessionStorage、cookie

    • 使用场景、大小、生命周期
  • 异步组件如何实现?React.lazy和React.suspense

    • 动态import+promise+webpack:webpack 按需加载模块 import() - 掘金
  • webpack如何去做拆分合并?

    • webpack有三种通用的code splitting方法
      1. 入口点: 使用配置手动拆分代码
      2. 防止重复: 使用依赖项或者SplitChunksPlugin
      3. 动态导入:使用模块内的内联函数拆分代码
    • splitChunk工作原理

八股:

  • 闭包需要注意什么?
  • 垃圾回收机制
  • 设计模式:
    • 单例模式
    • 订阅模式

代码:

  • 防抖
  • 合并两个有序链表

二面

  • 函数组件和类组件的差异
  • 类组件怎么实现复用
  • ts中的interface和范型
  • 懒加载会有哪些难点去要解决?编译阶段和渲染阶段,去分析
  • 5个硬币,3个正面2个反面?
    • 顺序不保证!!
    • C(5,3)*(1/2)
  • 最大并发量下访问网络请求

HR面

  • 团队合作的例子:自己如何沟通解决矛盾
  • 手上有哪些offer?为什么选择美团
  • 为什么选择前端
  • 职业规划


#美团offer#
 类似资料: