携程前端三面

携程三面时间显示30min，是HR面吗还是继续业务面啊

一面 30min 项目 八股八股Vue和React之间区别平时会用到Webpack的哪些功能rem是相对于哪个节点进行计算的是否了解逻辑像素和物理像素二面 28min简单聊聊项目 无八股项目中哪个对个人最重要及原因前端性能优化的方案用过什么各项目优化改动对应的具体量化指标三面 hr面 25min选择前端岗位的原因刚进入实习时遇到的不懂或困难的事情实习第一周的学习方式对加班的看法及应对方式休闲时间的兴趣爱好性格、优缺点的评价岗位技术、工作地点、行业选择上的规划去哪儿网的了解程度目前是否收到其他offer或处于面

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"

1. 自我介绍2. 介绍一下项目及基础架构3. 项目拷打（大约20分钟、围绕简历提问）4. 性能优化怎么做的（大约20分钟）性能优化会从性能指标到阶段分析到优化细问5. JSBridge和客户端底层怎么进行通信的6. Ts的keyof、tyoeof、泛型、装饰器；ts在前端工程化有什么作用呢7. JS基础数据类型、通过哪些方法可以判断一个变量是数组类型？（问了5种方法）8. 做移动端的时候怎么保证视觉的还原度9. 如果视觉走查的某个视觉问题反复调整都无法完美还原怎么解决10. AI视觉稿转代码详细说说11. 为什么移动端上图片会展示模糊呢？12. DRP对图片渲染模糊有什么关联13. 移动端的动画选型和动画类型14. 有没有自己使用过canvas做一些绘制或动画渲染呢？15. js驱动的动画遇到卡顿怎么优化和处理呢16. 重绘重排在渲染层为什么会有不同的性能影响17. React的常用hooks；18. React对比直接使用js有什么提升？19. React18之前的版本对比React18有什么不同20. 服务端渲染ssr、rsc与csr的对比；水合失败会怎样21. http 0.9, http 1.0 ,http 1.1， http2，http3的区别，队头阻塞在各个阶段的问题和解决方案22. TCP vs UDP，介绍一下TCP的慢启动，强缓存+协商缓存23. csrf xss24. 加密方式了解哪些，介绍一下对称加密，非对称加密25. 日常怎么使用AI的，在工作中有哪些提效26. 两道题26.1. 手写数组的flat方法26.2. 手写一个PromiseAll，写完后顺便问了Promise的其他方法