美团闪购前端开发一面面经

1.项目介绍。
2.JavaScript中的this指向规则是什么?
3.请详细阐述JavaScript事件循环机制。
4.React中虚拟DOM的原理是什么?
5.Vue 3的Composition AP|相比Vue 2的Options API有哪些优势?请举例说明setup函数、ref、reactivecomputed、watch的使用场景，以及如何实现组件间的状态共享?
6.HTTP缓存机制中，强缓存和协商缓存的区别是什么?分别通过哪些响应头控制?在美团闪购项目中，如何针对商品图片、静态资源设计合理的缓存策略?
7.什么是跨域?浏览器同源策略的具体内容是什么?常见的跨域解决方案有哪些?CORS跨域中简单请求和复杂请求的判定条件及处理流程有何不同?
8.TypeScript中的泛型是什么?请实现一个泛型函数，说明泛型约束的使用场景，并举例介绍Partial、Required、Pick、Omit等常用泛型工具类型的作用?
9.前端性能优化的核心指标(LCP、FID、CLS)分别代表什么?从资源加载、渲染优化、运行性能三个维度，各列举3种以上具体的优化手段?
10.常见的前端安全问题有哪些?XSS和CSRF的攻击原理及防御措施分别是什么?在美团闪购的登录和支付环节，如尃弗鉸明火耆т校揩页保障用户数据安全?