《前端校招》专题

二十多分钟，kpi无疑了 1.聊项目（近10分钟） 2.const、var、let区别 3.promise的状态变化，常用api及用途 4.常用模块化方案 5.跨域处理、iframe跨域通信 6.深浅拷贝 7.项目中实现的React KeepAlive组件原理

自我介绍 1.简历相关   性能优化   多设备适配 2.输入url到显示 3.强缓存和协商缓存 4.常用的状态码 5.cookie,session和localstorage区别 6.promise输出结果题 7.promise.all和promise.allSettled区别 8.vue2 3区别 9.vue router两种模式和实现原理 10.字符串中出现次数最多的字符和次数 反问 半个小时

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

流程中止 ===================== 基本和一面差不多，说几个不同的 1.用户输入搜索场景，防抖的情况下，如果先后发送两个搜索请求，第二次比第一次先返回，最后渲染到页面上的列表是哪一次返回的结果 答第一回，以后返回的为准 追问如何解决 答可以在请求中加发送请求时的时间戳进行判断 2.动态规划 找零钱 3.给了一个数据结构 let arr=[ {id:1}, {id:2,

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

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

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 中

基本信息 时间：2023.10.26 时长：25 min base：帝都 面试岗位：前端 秋招 问题 面试官迟到15分钟，我已经准备放弃面试了，回到了实验室，突然在实验室收到视频面试，被迫在实验室面试。 自我介绍 忘记了几个题，因为中途才开始记录题目，大概少了两个 数学题：N和N+2是素数，求证N+1能被6整除【不会】 那我们换一题把，砝码的克数都是整数，要称出1~1000克每一克，至少需要多

基本信息 时间：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的缺点是什么

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