《招银前端一面》专题

自我介绍 为什么选择前端 基础知识: 1.var let const的区别 2.可以修改const声明的对象的属性吗，为什么 2.水平垂直居中的方式有哪些，手撕css代码 3.元素实现隐藏的方式有哪些，都有什么区别 4.深浅拷贝区别，手撕深拷贝 5.跨域是什么引起的，用什么方法实现跨域 6.nodejs有了解过吗（我说了解不多，就没多问） 7.除了react还用过什么框架 项目: 8.用户登录部分

秋招第一面 1. 虚拟DOM 2. hooks uesMomo useCallback useEffect 依赖 3. 组件间通信的方式 4. 手写发布订阅 （半天没写出来，各种报错 寄） 5. 写一个 Tab 组件的 demo 。。。不会 6. 闭包 7. 手写promise.all 8. 网络 说一下有哪些协议 缓存 9. 反转链表 有问我能去北京实习吗，总共快 1 小时吧，最后面试官介绍了下

牛客视频面试，开摄像头，面试官人不错。面试内容大都是些比较常见的，但是面试时有些紧张，有些内容没有说好，逻辑上有些问题 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 等等 我好菜

在国外，早上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

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，口述怎么实现（现在都喜欢口撕代码吗？），加限制

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

1、flex布局 2、position定位：fixed、relative和absoluted区别 3、js数据类型，Symbol是什么、有什么用 4、ES6新增哪些API 5、TCP四次挥手 6、localStorage和sessionStorage，存储大小 7、跨域怎么解决（开发环境和生成环境） 8、跨域是浏览器的行为吗，浏览器能接受到响应吗（接受得到，但是network那里应该是看不到？）

面试问题 js基础 数组方法 算法 讲一下快排，时间复杂度 计网 三次握手 HTTP协议相关，自己选 HTTP和HTTPS的区别 vue vue生命周期 项目 挑一个功能点讲一讲 体验： 题目都看过，回答的一般般，因为太freestyle了，可能答的不是很清楚。 答题的时候好像看到面试官笑了，不太清楚什么情况... 作为第一个面试，体验很nice的。 反思： 八股要直接准备一个面试版本，不要以为懂