《携程前端》专题

牛客视频面试，开摄像头，面试官人不错。面试内容大都是些比较常见的，但是面试时有些紧张，有些内容没有说好，逻辑上有些问题 1.自我介绍 2.介绍防抖和节流，手写防抖 3.手写Array.reduce 4.怎么理解同步任务和异步任务，JS为什么会有异步任务 后续是VU相关，因为我的项目是用的VUE 5.使用VUE和直接使用JS相比，有什么优点 6.VUE响应式的原理 问题大致这些，可能有部分会有遗漏

全八股，无手写 1. React和Vue的区别 2. Vue2用得多还是Vue3用得多（我说Vue3，但感觉面试官更注重Vue2） 3. Vue如何实现双向绑定 4. Object.defineProperty什么时候触发get，什么时候触发set（增删改查每个阶段对应get或者set） 5. Composition API和Options API区别 6. 为什么要用hooks，用类组件不好吗？

1.自我介绍 2.手撕（没AC出来） 3.项目中的难点 4.双向绑定在vue2和vue3中的区别 5.webpack的loader干嘛用的？为什么要转义？ 6.vue的解析流程？html的解析流程？ 7.git 等等 我好菜

选择题30道，有几道找规律题 编程两道： 第一题感觉是考语文的，可能是太着急了，读了半天没读懂 第二题是给一串糖的序列，小美一天只能吃两块糖，如果糖的组合和前面出现过的组合不一样，那么这一天她就高兴，求她最多高兴几天 我的思路是：先统计糖的各个种类的数量，然后排个序，对数量多的先组合，ans ++，直至用完当前种类糖块，然后对数量第二多的糖块进行组合，以此类推。。。但是只通过了10%

在国外，早上7点起来迷迷糊糊面试的，40分钟无手撕。 1. 自我介绍+简单问了下项目 2. js基础类型和对象有什么区别？ 3. js对象存储在什么地方？对象中的值存储在什么地方？ 4. js中将一个对象的值传到html的div，js的值如果修改了怎么让html随之变化？html的值更改了怎么让js的值变化？ 5. 解释一下事件循环 6. 如果浏览器中什么任务都没有，是否存在事件循环的概念？ 7.

时间：37分钟 全程八股，无项目，无手撕 笔试a了1.09/3竟约面了 定位方式position取值和各自特点 flex有哪些属性 js异步方式有哪些，各种方式的优缺点 js事件循环，宏任务微任务 vue和react组件通信的方式 vuex的理解 es6的模块化 组件化和模块化的区别 vue和react的区别 vite与webpack的区别 vite为什么快 还有一些小细节记不清了 有的知识点也会

个人介绍 你的前端学习路线 对原型链的理解 你对继承有什么了解吗？有几种方式？优劣？ 你对异步编程有什么了解？就回调函数、Promise，async/await，具体的是指什么？ 闭包的理解 你提到了词法作用域？说说你的理解 你对事件循环的了解？ 给一段代码，事件循环结果输出是什么 说说你对Vue的理解 视图层如何更改数据层？ 说说你对虚拟DOM的理解？ 你提到了patchFlag，如果不用虚拟D

面试的侧重点在项目的具体实现，会问细节的代码是如何实现的，现场写一下实现过程（具体用了css哪些属性，用了js哪些方法等等），所以要对项目非常熟悉。同时，会从项目进行一个延伸，问某部分性能的优化，如何提升用户的体验等等。 面试官很友好，最后问面评，感觉是想给我点鼓励，夸我很乐观哈哈哈哈哈。上一个夸我乐观的面试官反手就给我挂了。

大概50min，面试官很温柔，问的都是八股。手撕了一个深拷贝，问了一个promise的输出 new Promise((resolve,reject) =>{ console.log(1); resolve(); console.log(2); }) .then(() =>{ setTimeout(()=>{ console.log(3); }, 0); }) .catch()=>{ console

0.自我介绍 1.iframe传参 2.pinia原理 3.装饰器decorator使用场景？什么是aop？ 4.object.create使用场景？ 5.object.freeze原理？深层对象可以freeze吗？freeze hook实现修改freeze住的字段？ 6.public protected private区别 7.drag api 原理 8.grid布局和flex布局区别 9.权限

全程70分钟左右，问的很抽象，大部分是一些理解之类的，一开始和最后简单问了几句项目，项目规模、项目时间冲突、为什么没找实习之类的问题。问题都记得不太清楚了，大概整理了一下。 Vite的部分，我一开始就说了我不太了解Vite，但是面试官说没关系，不用想着标准答案是什么，就是一起讨论一下。然后就说了好久好久...... 1.你认为的前端是什么? 你觉得车机系统，就是那种大屏显示交互的，属于前端吗? 2

JS数据类型有哪些？ 引用数据类型和基本数据类型的区别是什么？ 如何判断一个对象是不是空对象？ 代码输出： const obj1 = { key: 'value1', }; const obj2 = { key: 'value2', }; function func1(obj1) { obj1.key = 'value11'; return obj1; }

自我介绍 根据自我介绍提问，包括项目和实习 然后https起手 跨端 知不知道react native 小程序双线程模型 以上除了https都不知道，说只知道rn是用react来写客户端 然后问了几个react问题，问hooks，问useMemo，useCallback区别，我只是简单说了使用上的区别，没怎么背过react八股 Promise.all，口述怎么实现（现在都喜欢口撕代码吗？），加限制

40分钟，还是电话面，纯聊实习，0八股 1. 自我介绍 2. 讲一下你历段实习最有挑战性的项目 3. 讲一下你最近一次实习的项目 4. js里对象如何合并 -- 扩展运算符，Object.assign() 5. 怎么可以设置对象里的属性不可修改 -- defineProperty，Proxy 6. React生命周期 7. 面试官猛和我探讨实习项目里有关forwardRef的细节，lz这里被问住了

30min，全程扣着项目来问的 1. 后台系统的登录流程 2. 如果用户清除浏览器缓存，删除了token，如何依然保持登录状态 3. 怎么定期刷新token 4. 如何实现的不同用户权限不一样 5. 某个按钮，只有特定用户才有权限操作。没有权限的用户就隐藏该按钮，如何实现？ 6. echarts呈现多个图表的时候，怎么优化？ 7. 使用redux来缓存数据合适吗？ 8. 怎么自学的前端？目前学到什