美团
离Offer最近的一次，都通过了，应该是排序挂了😞
可以看一下我的这篇总结：
一面
- 减少打包体积怎么做的
- tree-shaking功能webpack怎么开启，Vue2、Vue3支持tree shaking嘛
- 路由使用的vue-router，问单页面的优缺点（不利于SEO）
- SEO如何做的
- 如何解决SPA白屏问题（SSR）
- 介绍下SSR，并说说为什么SSR能解决该问题
- 说说项目中使用动画效果中的使用缓存做了哪些
- 为什么不用transition或者keyframe
- setTimeout和requestAnimationFrame的区别（动画中用到了）
- 说说哪些JS操作会导致回流
- 页面滚动会造成回流嘛
- 说一下项目中用performance监控做了哪些
- 有了解过performance API嘛，有哪些方法和属性
- 项目中做过监控嘛，不是用performance API做的是吧（其实是手动测试性能🤪）
- 对Vue中的虚拟DOM的理解
- 你做过的性能优化有哪些（网络优化、JS性能优化、渲染优化等等）
- 那对这些方面具体举几个你知道的例子
- 说说TCP的流量控制和拥塞控制
- http的强缓存和协商缓存
- 为什么有了expries还要用cache-control
- 为什么有了last modified还要用etag
- Cookie介绍domain、path、secure、httponly、expires、samesite
- samesite每个属性的区别，为什么要用它（可以解决csrf攻击）
- 介绍下xss、csrf攻击及如何防御
- flex:1分别代表什么
- 介绍flex-grow、flex-shrink、flex-basis属性
- flex-basis和width的区别
- flex-basis:auto|0的区别
- 用flex布局实现骰子3点的样式
- js看题说结果
function A() {
return 'hello world';
}
var a = new A();
console.log(a instanceof A); // true
function A() {
return {};
}
var a = new A();
console.log(a instanceof A); // false
- 介绍你知道的设计模式
- 手写一个单例模式
- 算法题：判断两个二叉树是否相等
二面
- 介绍前端学习方法和路线（作者是非科班的）
- 看你写过的博客用的GitHub Pages，那你还知道其他的部署方式嘛（简历里写了博客的地址）
- 知道GitHub Pages部署原理嘛
- 你们项目中是如何部署的（简历上有写）
- 项目中的模拟登录如何实现的
- 项目的登录流程
- 讲讲SSO单点登录的过程
- CI/CD自动化部署怎么做的
- 算法题：求第K大的值（不去重版本）
