《招银前端一面》专题

时长：90min 面试官问得很灵活，是根据学了什么来问的，收获很大。 自我介绍 虚拟列表实现（答得不好） 聊到了执行环境（聊了蛮久） 手写执行环境伪码 面试官说写一个闭包结合写的伪码来讲述执行环境原理 聊到了继承 有几种继承，它们的缺点是什么（没答得太好，用call继承的方案叫啥名儿忘记了，我说用call继承会让重复逻辑的函数重复创建，造成资源浪费，面试官说 错，然后进行了解释）PS：感觉我这么答

自我介绍 给了一个场景，让设计数据库（答不会，数据库忘了） react生命周期 useLayoutEffect和useEffect的区别（答，没听说过useLayoutEffect） 主键作用（答数据库忘了） 项目相关 puppeteer 实现方案，难点，服务器部署chromium websocket心跳续约、websocket用户鉴权 反问 问面评 答：还不错 问是否是知乎主站 答：不是，是做B

这家就一面技术面 1.上来让我自我介绍 2.然后介绍项目 3.怎么制定前端规范 4.用过element没有 用过哪些组件 5.你实习想得到点啥 6.目前有什么职业规划 我说我想深入Node，React，听面试官的语气估计觉得我要跑 7.介不介意我们技术栈老（vue2），实习生老跑，能不能待够6个月，不到6个月不发实习证明 8.问了点Java的问题 8.反问 问面评 他说能满足他的要求，后续等HR通

自我介绍 代码：数组扁平化去重 js压缩 js类数组 数组转化 promise说一下 cookie好像是这个，没听清😥 一个没答出来😭 反问：代码敲得太少了 20分钟

#软件开发2023笔面经# 上午面的，没录上音，顺序不太记得了，就靠印象写一下吧。面了大概30分钟左右 （第一次实习吗？面过别的公司吗？） 1.自我介绍 √ 2.https如何防止中间人攻击的？（介绍中提及到，所以问的） √ 3.vue3和vue2的区别 √ 4.为什么不继续用vue.$set？（vue2深度遍历每个属性，vue3劫持整个对象） √ 5.为什么vue3对ts兼容更友好？ ×（没答出

问题 1.项目，项目难点 2.鼠标浮动在一个按钮上，触发事件出现弹框dialog，如何让这个dialog延迟显示 3.如何性能优化 4.vue框架原理，组件 5.promise原理 6.es6新特性 7.浏览器兼容性，语法特性兼容，打包工具 8.整个页面变成受控方式，而不是以前的那个查找元素改变里面的值影响视图，影响视图的方式改变了，是怎么做到的 9.最近关注什么技术 回答低代码 总结 八股文没背

无自我介绍 上来就问简历里都是后端的项目，为什么转前端。  然后看简历上有密码学，问了对称加密和非对称加密 问了http和https区别  DDos攻击 ，DOM型XSS，前端怎么防护  session cookie区别  cookie怎么样能只用于接口，不让前端取（httponly参数）  hook有用过吗  ajax请求过程和底层原理  promise用过什么方法  promise底层  tc

热乎的，全程40多分钟 自我介绍 图片请求优化这个需求怎么做的 图片优化还有哪些方式？ 渐进式图片加载怎么做到的？流式传输+JPEG http和https的区别？端口？ 插件做了什么？ vue双向绑定 vue-router原理 用hash多还是history多 spa访问一个页面会把其他页面代码一起加载吗？ 打包分包怎么分的？ 写一个cli用到了哪些依赖 什么是变量提升 块级作用域和全局作用域区别

自我介绍 怎么学习的前端 vue2和3区别 composition api好处 响应式原理 diff算法 怎样判断一个树是二叉树 web漏洞 xss csrf 反问 总共20分钟。 #前端##前端面试##面经##求职##春招#

1、介绍一下自己和实习项目 2、项目有什么难点吗？ 3、封装一个组件最基本的原则是什么？ 4、讲一下Webpack的打包流程，知道项目有什么优化手段吗？ 5、组件库怎么按需加载？ 6、讲一下react fiber架构，react diff 7、如果react 两个组件key相同，会复用哪个组件？ 8、你是怎么理解react hook的吗，自定义过哪些react hooks，可以嵌套调用吗？ 9、有

1.介绍技术栈 2.深浅拷贝 3.js与ts的区别 4.js是什么语言 5.解释型语言和编译型语言的区别 6.tcp和udp区别 7.https 8.osi七层模型 9.应用层有哪些协议 希望晚上能收到二面通知 二面时间和别家撞了，别家已经不能修改了，发邮件也没回，有人修改过面试时间成功的嘛

面试时间1h，果然大厂问得更细。全凭回忆乱序记下来的问题，太菜了// 上来先做一道题，链表的插入排序。手写，讲思路 讲一讲插入排序；讲讲你了解的排序；冒泡排序和选择排序。 js数据类型有哪些，如何判断？ 怎么进行深浅比较/拷贝？ 聊一聊事件循环 + 一道事件循环输出题 React Hooks 如何模拟生命周期 React Fiber 是什么（寄，答成了Fiber Node） React 如何实现状

面试官很温柔，引导答案，有些开放思考的问题 基于项目中写到的点提问 localStorage 如何使用的？ React 16版本有什么新东西，17版本呢 Fiber 结构有什么优点，实现了什么 使用 VDOM 如何实现更新中断？（开放 Axios 使用方式？拦截器有什么应用，如何使用？源码中如何实现？（开放 Promise 的方法有哪些，链式调用的优点，如何捕捉错误 面向对象的特点 js中的继承

1. 原始数据类型和引用数据类型，为什么原始类型要存在栈中而不存在堆中，如果原始类型例如字符串栈存不下过长怎么办 2.深拷贝，如何对产生循环引用的两个对象的其中一个深拷贝 3.如何解除循环引用 4.不使用JS中的{}，如何自己设置一个可以实现a.key1 = value1,a.key2 = value2的数据结构 5.http3.0了解吗 6.TCP协议如何做到可靠的，如何设计使UDP变得可靠？？

45 min 第二天收到感谢信，已挂 原型及原型链 闭包 Promise 宏任务微任务 React 生命周期 useEffect 的作用 浏览器渲染流程 DOM 解析过程遇到 script 标签会发生什么 Webpack 的作用 forEach、filter、map 的区别 跨域以及跨域的解决方案 Typescript 接触过吗 手写深拷贝 手写冒泡排序#地平线##秋招##前端#