《招银前端一面》专题

两个很严肃的面试官… 最近面试最痛苦的一家，让我认识到我真的太菜了。qwq 1.自我介绍，问项目 2.jwt详细讲一讲，格式，实现方式 3. vue中的双大括号和v-model区别 4. css里盒模型，不同浏览器，窗口自适应相关问题 5. dom事件流，元素父类的兄弟会判断吗，怎么判断，深搜还是广搜。 6. 不同标签页之前怎么进行数据交流。(没懂什么问题，页面间通信…… 7. 手撕代码，On复杂

回忆一下面了些啥，帮助uu们 手撕撕了一个闭包和选择排序。很简单，结果我内循环把j写成i还死活没检查出来，离谱。 八股文: 闭包 前端数据除了可以存储在后端数据库，还可以存储在哪 cookie和localstorage还有sessionstorage的区别 es6新特性 computed和watch的区别 css选择器以及优先级 事件冒泡 事件冒泡的场景，怎么取消。忘记了 讲了下项目 还有啥来着。

全程大概40分钟，纯八股 1.HTML5新特性 2.LocalStorage和SessionStorage区别 3. a.com/home中设置sessionStorage，然后跳转到a.com/details新页面，修改sessionStorage，然后关闭新页面，a.com/home页面中还有数据吗? 4.和cookie的区别 5.跨域是什么 6.一个绿色正方形，一个红色正方形，把红色的正方形

1.为什么选择前端 2.元素居中 3.如何实现将一个div放在页面左下角 4.js数据类型 5.原型、原型链 6.作用域链 7.this 8.type of /instance of 9.new操作符做了什么 10.React组件间的通信 11.React 类组件和hooks组件区别 12.对js异步的理解 13.看代码，事件循环的输出 14.反问： 技术栈：现在是vue，但是慢慢在往react靠

一面： 1、原型对象、构造函数和实例，new原理，箭头函数有原型对象吗 2、基础数据类型和引用数据类型，堆栈 3、看代码说输出，关于变量作用域的，let var 4、import和require的区别 5、cookie，他的属性，和cookie相关的攻击方式 6、http状态码，http请求 7、********算法题最大数 二面： 1、项目中收获比较大的经历 2、浏览器乱码的原因，浏览器渲染机制

整个过程就15分钟 1.页面渲染过程， 2.盒子模型， 3.选择器， 4.浏览器本地存储， 5.浏览器性能优化， 6.说说vue的特性， 7.git工具， 8.反问环节 没有手撕，就这些，面试时长最短的一次。面试官是很温柔的大哥。

全程30分钟左右 1.说一下TCP和UDP的区别 2.讲一下三次握手和四次挥手的流程，三次握手两次可以吗？为什么 3.四次挥手，最后一次如果主动关闭方发出的确认应答包丢失了会怎么样 4.我们现在视频通话你觉得用的是TCP还是UDP、我在聊天框给你发送信息呢 5.代码题：实现金额添加千分符 6.在js中，使用new操作符创建实例，具体做了什么 7.为什么要讲新创建的对象的隐式原型属性和构造函数的原型

1. 概述 昨天下午收到了招银网络的前端一面，一开始和自己荣耀的面试冲突了，但是自己一开始还是更想去招银网络的，于是就把荣耀给推到后面了，但是事实证明，这是一个十分错误的决定，面试感觉贼糟糕，用时30min左右 2. 面试 自我介绍 实习项目 js数组的常见操作 手撕大数相加（秒了，但是对我的代码没有做任何评价，有一种KPI感觉） Vue的原理（面试官表述不清，我开始烦起来了） 怎样实现表头的固定

1、自我介绍 2、介绍项目，你主要做了哪些 3、登录和权限是怎么实现的，登录过程，token存取，权限验证 4、localstorage、cookie、session、为什么不用后两个做 5、nginx代理转发、解决跨域， 6、项目中http，https用了吗， 7、react 虚拟dom。react hooks用了哪些 8、组件传参的方法几种 9、更新父组件，一个子组件动，其他子组件重新加载吗，

发面经攒人品，虽然最后也不会去，但是还是想有后续 招银一面 9.25（40min） 自我介绍 VDOM diff算法 hooks useState useMemo、useCallback 渲染控制相关 setTimeout 处理error相关？记不清具体的了 async/await Promise 看代码说输出并讲解 flex 怎么实现水平垂直居中 CSS场景题 介绍实习内容 跨域 反问

1. 自我介绍 2. 简单介绍一下你熟悉的前端技术 3. 介绍一下项目 4. 事件冒泡和事件捕获 5. js基本数据类型 6. null和undefined的区别 7. typeof和instanceof的区别 8. typeof一个arr的结果是什么， Object.keys(arr)的结果呢 9. 遍历对象属性有哪些方法 10. Object.keys和for in的区别 11. vue2 中

二十多分钟就结束了，感觉一面面试官好年轻，感觉像个新的面试官 1. 自我介绍 2. 给了一个场景问了防抖的原理，及口述实现 3. 又问了节流和防抖区别，口述实现 4. 简单说说promise和async,await 5. css中样式解析的流程（不太知道是想问样式解析顺序还是选择器优先级就都说了，面试官说我很熟悉嘛，说的很快） 6. 单例模式是什么 7. 熟悉react么（只学习过基础就没问了）

对我个人来说，难度拉满了，总共26分钟，问了三个手撕。 首先问一个网页登录了，在登录同网站其他网页，怎么保存的状态。答了http和cookies相关 然后是http1.1和http2.0的区别 然后手撕，用正则表达式解析url，提取协议，主机，路径，queryString，哈希。 直接不会，用遍历写的，写到一半喊停。 然后问我了解虚拟dom不，我说了解 面试官让我手撕一个虚拟dom节点。直接摆烂，

1.自我介绍 2.项目的一个难点，权限管理怎么做的，前端没有展示相应模块，通过输入地址进去怎么办，能显示吗，权限管理的字段存储在哪里，路由守卫有哪些（都是项目扯出来的点） 3.vue2和vue3的区别 4.vue3的组合式API和vue2的minxin(也不晓得是不是这么写的)哪个好用，有什么优点 5.css3新增的伪类 6.nth-child(n)和nth-of-type区别 7.magin和p

#招银网络科技##前端#