一家顺丰孵化的公司，做无人售卖零食柜的，找遍了都没找到面经，自己来发一个。有两个面试官，面得很简单，30分钟准时结束，没有反问环节tl：10.20hr打电话直接hr面，10.21测评，10.23技术面，10.31谈薪- agent工作流- 挑一个需求讲一下- 有没有从零搭建过系统- 有了解过webpack吗- 布局方式- BFC- 水平垂直居中，有没有了解过grid的兼容性问题- 闭包- 事件委托，平时开发过程有没有用过，react的事件委托有没有了解过- 深拷贝浅拷贝- 操作数组的方法- 平时怎么学习前端- 有没有碰过兼容性问题- 怎么看代前端交互的速度和质量两者的关系- 为什么选择前端开发，认为自己在前端开发方面有什么优势

总时长大概在40min左右1️⃣ 自我介绍2️⃣ 实习部分拷打3️⃣ 前端工程化4️⃣ vuex的存储和浏览器的存储有什么不一样5️⃣ vue-router以及页面跳转的方法6️⃣ ai及大模型7️⃣反问

项目拷打 (项目涉及到了所以被拷打的)ws选型，本地存储和云端存储，为什么选vue不是react，人机验证原理&登录流程，密码加盐，https加密？对称和非对称(原理，对称加密的缺点？性能上谁更好？常见的加密算法)，git命令(用过linux，所以被拷打了)linux常见命令vue2/3区别有没有封装过一个组件

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的攻击原理及防御措施分别是什么?在美团闪购的登录和支付环节，如尃弗鉸明火耆т校揩页保障用户数据安全?