携程前端暑期一二面

是否参加了转正答辩转正答辩通过了为什么考虑其他机会对携程的意向度面临多个需求如何按期交付需求是独立完成的吗如何沟通最大困难，如何解决如何保证减少重构给开发人员带来的心智负担未来规划读研还是就业？反问了部门--技术中心

flex布局，双栏布局左边为文字内容宽度右边自适应，flex-grow、flex-shrink、flex-basis。水平居中对齐方法数组常用方法，遍历常用方法数组乱序如何使用sort实现数组乱序判断数据类型为函数函数拷贝call bind apply浅拷贝和深拷贝的方法promise状态转换promise.race，手写实现思路跨域的解决方案webpack和vite的区别路由history模式和hash模式，服务器如何配置支持history模式

1.什么操作会引起回流重绘，如何减少回流重绘2.position：absolute 会引起重绘回流吗？3.数据类型题 重点是！【】==【】 回答错了，不是false是true，具体解释是![]在布尔计算是，【】是truthy值，然后！【】是false，然后在非严格相等是会进行类型转换，【】会先变成‘’，然后‘’变成0，然后就是false==0然后0==0，是true。***学习隐式转换4.输出题 答案是 window string 报错！！！（其实我知道会报错，但是被问题误导了，写出输出就一直以为要输出）5.输出题 答案是0   1   0123细说第二行你们自己理解嘿嘿6.DOM添加移除移动复制创建查找：appendChild removeChild 移动没写出来，我后面一想其实就是移除+添加，cloneNode，createElement ， getElementById7.输出题 考察prototype和__proto__，首先第一个person构造函数的原型要包括方法所以是{sayHello:[function]}第二个是Function，每个函数的__proto__都是指向Function.prototype，第三个是undefined实例对象没有prototype属性 第四个Person.prototype8.Vue3父组件和子组件如何通信？props $emit eventbus vuex9.Vuex 原理 :不知道回答的对不对 我说了store mutation getter actions 然后面试官说我说的是方式系，可能比较好的答案是，Vuex是通过集中式存储来管理每个组件状态然后通过响应式系统和单项数据量进行状态管理10.mutation为啥不可以异步操作 标准答案是单项数据流设计，在action中异步处理提交到mutation进行同步修改state，确保可以看到state的每一步变化，如果mutation也异步的话那么状态更新就不可控了11.ref reactive ref：基本数据类型 reactive：复杂对象 object12.ref .value reactive 用变量.属性13.vue3怎么实现组件懒加载 标准答案是：defineAsyncComponent + import、Suspense 结合懒加载：使用 Vue 3 的 Suspense 组件处理异步组件的加载状态。14.Vue模版编译流程：1.模版解析：模版字符串抽象成AST抽象语法树 2.优化过程标记静态节点和静态根节点 3生成渲染函数renderfunction：描述虚拟dom到真实dom的过程。15.生成抽象语法树的方法：初始化解析器，解析字符流，解析HTML标签，指令属性，插值表达式，生成AST节点16.Vue nexttick的实现（源码）：nexttick是用于dom更新后执行回调的方法，基于js的promise，mutationObserver、setImmediate、setTimeout方法，大概就是说 首先是数据变化，这是同步任务，然后就是dom异步批量更新会放在事件循环的末尾，然后再添加tick事件在微任务末尾，然后降级也是为了tick事件在dom更新后执行。17.协商缓存和强缓存：然后以为挂了，结果进二面了，没看到邮箱~~~~~~~~~~~~~~~~很难受啊~~~~~~~~~~~~哭死，就为了写这面经~~~

1.自我介绍2.两道算法题 2.1 最长无重复子字符串的长度 2.2 字符串1是否是字符串2 的异位词3.keepalive+场景题4.跨域5.图片懒加载，路由懒加载6.路由有哪两种模式 区别？7.水印怎么实现8.延迟300ms ，点击穿透每个点都问的很深，我只答了很浅层的东西，直接触及盲区。面试官人很好，每个点都仔细的给我讲了一遍。面试官最后说我的算法是个亮点，没用多少时间就做出来了。但是场景题是个弱点，还给了我很多意见。