《招银前端一面》专题

一面： 项目问题，怎么检测前端性能，怎么做优化 如何判断资源是首屏资源 onload 事件什么时候执行，在它之前有什么，dom ready是什么 常见状态码，什么场景出现 什么场景用 301 和 302 状态码 1开头的状态码有哪些，应用场景是什么 说说 206 状态码，使用场景 304 状态码在哪些情况下返回，和 200 的区别 last-modified的粒度 cookie 和 session

部门是酒旅，面试平台是牛客 一面： 如何实现图片懒加载 为什么会出现 sass 预处理器？目的是什么 sass 的工作原理 ts 和 js 的区别 vite 和 webpack 的区别 vite 打包的产物能直接发布吗 java 和 node 的区别 node 是单线程，会阻塞吗 node 的事件循环机制 宏任务和微任务有哪些 http 和 https 区别 数字证书是谁发的 js 的包装类型是什

项目中有没有遇到什么问题。 商品搜索框实时预览你可能搜索的商品关键词是如何实现的。 手写防抖函数。 CSS实现九宫格。 看代码判断输出，涉及到var的变量提升和let的暂时性死区。 静态语言和动态语言有什么区别。 看代码判断输出，涉及到事件循环。 如何给一个在闭包里的对象添加新的属性。

基本信息 时间：2023.10.23 时长：80 min base：帝都 面试岗位：前端 秋招 问题 自我介绍 微前端用的什么框架？ qiankun如何隔离JS？ web conponent用于css或者JS隔离有啥弊端？ 为什么要做课程？ 有针对框架做二开？ 如何评价你讲述的框架？ XSS CSRF都讲一下 我看你写了axios封装拦截重复请求，这个是怎么做的？ 拦截之后，会有什么后续操作？

一、拷打项目 1. 项目做了什么 2. 性能优化有哪些指标，怎么优化的 3. Echarts数据量过大怎么优化 二、八股 1. 伪类伪元素，has()，is() 2. flex 3. 回流重绘，怎么避免 4. 盒模型 5. 原型链，怎么实现继承 6. webpack打包 7. babel和叠片做低版本浏览器兼容 8. http状态码 9. 301重定向后使用什么请求方法 10. http缓存 11

1.通过什么方式学习前端 2.new操作具体做了什么 3.一道输出题，三个输出就答对一个，haha 4.promise相关的概念 5.代码题：以下哪个promise可以把error捕获到？又不会，haha 6.事件循环概念 7.requestAnimation？没用过 8.二分查找，秒了 9.含有负数的有序数组在平方后仍然有序？ 先说了一个暴力求解法，又加了个特判剪枝了一下，但是还是有两层循环，后

一、拷打项目 1. 做了什么，有没有什么有难度的 2. 性能优化，怎么分析，优化了哪些 3. 图片懒加载Vue3指令 二、八股 1. http状态码 2. http2 3. 什么时候触发跨域，跨域怎么解决 4. CORS英文全称，有哪些请求头，协商过程 5. 跨域怎么携带cookie 6. 事件循环 看代码说输出 7. 原型链 给Array添加一个lastItem方法 8. var和functio

基本信息 时间：2023.9.14 时长：28 min base：不知道，没注意 面试岗位：前端 秋招 问题 自我介绍 前端该如何监控数据呢？ 你调用监控数据有做报表吗？ 做项目用的什么框架 微前端有啥好处？ 微前端用的qiankun还是什么？ 微前端切换页面如何保证切换很快的？ vue3用得多吗？ 有去封装过组件吗？ beforeMounted和mounted生命周期的执行顺序？ 如果父组件

基本信息 时间：2023.9.9 时长：24 min base：帝都 面试岗位：前端 秋招 问题 自我介绍 你有提到XSS，前端安全讲一下你的理解？ 你刚刚提到的是后端来处理，那前端人员该如何处理？ 你在前后端数据传递有用到加密吗？ 你有提到HTTPS，那相对于HTTP，HTTPS有何区别 上一些应用网站会考虑有没有CDN加速，那CDN加速的理解？ TCP和UDP协议的区别 UDP的缺点是什么

写面经，赞好运！希望明天约二面 项目难点介绍 重排重绘介绍（八股） 事件循环输出（这里犯了个小错误promise没有返回状态的话，promise.then部分不执行，后来面试官帮忙指出了，感谢） 隐藏页面元素方式及区别（八股） 水平垂直居中方式及区别（八股，4种） http状态码（八股，304忘记说了，随后补充） 判断数组方式（八股，4种） 数组常见方法，哪些能改变本身（八股） 前端本地存储（八股

这个面试官真的我哭死, 他真的太温柔了, 我写这一段赞颂他真不过分. 他的温柔包括但不限于: 开场就让我放松, 说不用紧张 夸我视频里比证件照好看 都是山东老乡, 听声音套近乎 在我回答的时候不断给予认同 如果觉得他描述的不太准确, 他会继续用代码的方式举例子 如果我不了解某个知识点/回答的不太确切, 他会给我敲代码/画图讲一遍 出个题还要跟我一起做 算法题我正在苦思冥想改 bug 的时候, 他说

margin塌陷，父子元素的margin如何合并，如何避免margin塌陷。 为什么开启BFC可以解决高度塌陷的问题。 CSS如何实现三角形。 对ES新特性有哪些了解。 对Vue2了解过哪些原理。回答了双向数据绑定原理。 Vue的template如何转换成HTML代码。使用babel如何去转换。 Vue的template节点中有一个节点循环更新里面的数据一千次，页面会渲染几次。 如何尽快拿到渲染结

2024-8-15 秋招初战 险过 给了我很大的信心捏 三十年河东，三十年河西(bushi) 1. 让元素水平垂直居中的办法 2. 文字溢出 2plus. 多行文字溢出 3. 两栏布局 左栏固定 右栏自适应 4. git常用的操作 5. 遍历对象的操作 5plus. for-in 和 for-of 的区别 5plus+. Object.keys() 的特性/缺陷 6. 数组有什么方法 7. ES6

2024-08-27 感觉哥们来美团面试就是查漏补缺的 前提: 部门技术栈: React 我的: Vue 还没开始就寄了 1. this指向问题 1plus. 什么时候需要显示this的指向 2. 浏览器事件循环 2plus. 微队列设计出来是干什么的 3. Promise全家桶 3plus. all 和 allSettled有什么区别 4. 场景题: 页面上A元素盖住了B元素，如何绕过A让B元素

##软件开发笔面经# 2024-08-27 又查漏补缺了 但也是倒数第二个没过的一面 1. 项目拷打: 白屏优化 1plus. 为什么会出现白屏 有什么办法排查 2. 盒子隐藏的方式 2plus. display:none visibility:hidden opacity:0 有什么区别 3. 浏览器事件循环 4. HTTP状态码 301 302 304 5. 304是协商缓存 HTTP还有什么