美团点评 3.23前端面试总结（二面36min）

上午面的，一面是在18号，传送门→美团前端一面总结

在小米实习过？介绍一下实习的工作
- 做的事情，遇到的需求、用的技术……
主要是PC还是M端上的？（都有）
用的技术栈是一样的吗？（是的）
- 为什么用jQuery ？（入职前公司就是用的这个）
- 补充了一下正在用React做重构
做了哪些页面，简单介绍一下（mi-note-10，滚轮动画，印度tv55）
滚动动画怎么实现

监听滚轮位置，动画盒子与滚轮盒子相互配合，动画盒子固定定位展示动画，滚轮盒子撑起高度与滚动距离，将滚轮滚动距离配合动画长度，转成百分比控制进度
遇到的问题

半屏动画时，动画的下一块会被滚轮盒子挤开，需要加上fixed同时算入滚轮盒子的高度中
动画内容怎么实现，用的jQuery的动画库

js添加类名，提前设置好样式与更新，配合 CSS 动画
PC与移动端两套代码吗？（移动端动画会简化）
动画的资源很多，怎么页面性能优化

上传前压缩，非首屏内容懒加载
怎么懒加载？

src置空，添加data-src或者用image对象配合canvas画图
达到的效果？（加载时间减少2秒左右）
- 怎么看的加载时间（本地看，lighthouse）
Lighthouse有哪些优化的建议

缩减JS的关键路径、白屏时间、首次渲染时间、CPU空闲时间，转换资源格式，区分首屏资源与非首屏资源
CSS动画与Canvas动画的区分，选择的原因（加载图片量的大小）
- 替换图片的src也可以实现，为什么要用canvas呢？（控制图片加载时间，可以不用等图片替换后再请求资源）
除了产品展示之外还接触了什么？（框架重构）
讲一下重构
- SAP对SEO的支持不太好，用SSR配合SAP处理

为啥要重构（架构升级、页面层次结构优化）

每一个产品都有一个页面，不同产品的开发效率怎么样（分复杂度，纯图片半天、静态页一天、加动画三天）
有什么积累（动画效果组件，拖拽式建站）
你开发过组件吗？（本来是有的，后面没来得及就离职了）
除了这个还做了什么业务？（其他业务只做了解，没有机会操作）
技术上的难点（轮播图组件功能不足，查源码，自己封装api）
有没有看过竞争者的产品展示（vivo、华为、苹果）

文字上浮、滚轮动画
看完有啥收获（设计起来做的很巧妙，有些地方完全没想到）

苹果的airpods动画，canvas不撑满整个屏幕，用transform缩放，canvas绘制区域越大性能消耗越多，scale配合高分辨率也能达到相同效果
怎么发现的？（开发者工具，看源码）

源码看起来很奇怪，脱敏
这种功能怎么实现（webpack插件）
插件怎么实现（生命周期钩子加上处理函数）
写过插件吗？（冒油，只了解原理）
还有其他的项目吗（Vue聊天室开发）
这个到实习之间在做什么呢？（本专业的技术java、C#、数据库之类的课）
前端框架有什么了解（Vue框架，看源码）
写过什么项目（自己封装提示符组件之类的）
小米的站点用vue重构（按块封装组件，按结构分成几种类型的组件，固定的内容直接封组件，用组件）
手上有啥offer（有两个……）
未来的职业规划（两年之内，自身技能提高）
工作地点（上海，不想异地）
对美团有什么想了解的？
- 团队做的事情，提升的机会（餐饮Sass……，用的React框架。半年一次考评）