贝壳前端

8月开始秋招，真的有点学不动了。本来还想冲一下选调，现在感觉是冲不了一点了。目前拿了几家单位的oc。其中华子只是入池，拼多多hr说是offer报批了。浪潮这两天在催三方。

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

1.讲一个项目里面的难点2.ES6的新特性getCashInfo(extParam = {}){const {orderBaseDetailData = {}, quserInfo = {}, isLogin12306}= this.viewstateconst {orderBaseResult = {}}= orderBaseDetailData;const {contactInfo, orderNo} = orderBaseResult;const {userUserID = ''，userName = ''，userID = ''} = qUserInfo;const param ={orderNo,contactPhone: contactInfo.contactPhone || '',uuid:userUserID,userId: userID,userName,hasLogin12306: isLogin12306,cashiersource: 'OCCUPY PAGE CASHIER',cashType: 'ORDER',...extParam}}3.这段代码有什么问题，典型场景，核心作用4.设置定时器延迟时间为100ms，实际延迟时间通常会大于等于 100ms，为什么5.宏任务与微任务6.浏览器的同源策略7.跨域的解决方案8.CORS是什么，具体如何设置9.跨域的post请求为什么会两次10.如果页面有多张图片 http是怎么加载的11.结合TCP连接方面讲一下图片数据请求，串行还是并行12.计算机网络五层常用协议13.用过http抓包嘛14.什么是中间人攻击15.浏览器的地址栏输入网址到界面显示的整个过程16.怎样减少重排重绘17.vue的响应式原理18.vue2和vue3的区别19.diff算法20.react hooks的优缺点21.学习起来遇到什么困难手撕：实现一个函数删除字符串中出现次数>=2的相邻字符：输入"abbbaca" ---> "ca"

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