《前端猿辅导校招》专题

一、拷打项目 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么（只学习过基础就没问了）

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

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

一面，8月23日，面了二十几分钟 1. 为什么学前端 2. 双向绑定原理 3. diff算法 4. vueRouter 5. 性能优化 6. CDN 7. 输入url的整个过程 8. 常用的缓存 9. 什么情况下会用到cookies或者localStorage 或者 sessionStorage 10. 相对定位和绝对定位 11. 组件封装过程的要点 反问 --------------------

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

美团一面（08.23） 说了一下实习的内容，简单介绍一下其中的两个需求 介绍一下控制并发数队列的实现原理，为什么要设计这个 介绍一下 es6 新增了哪些数据类型 介绍 Symbol 的作用，以及有哪些用途 你开发中有用到过 Symbol 吗？简单介绍一下 介绍浏览器的 EventLoop 的整个过程 知道有哪些宏任务与微任务吗？ 来介绍网络七层模型有哪些？ 跨域是什么 跨域的解决方法有哪些 介绍一

# 快手一面（08.21） 1. 说一说 this 2. 说一说 call/apply/bind 3. 手写 call 4. 说一说 flex 布局 5. 介绍一下 flex: 1 代表了什么以及它的作用是什么 6. 实现三列布局，两侧固定，中间自适应 7. 手写数组的 flat，可以控制扁平化的层级数 8. 手写 retry 函数，参数为 fn、重试最大次数和重试间隔 9. 手写一个回溯算法，实

base：北京 面试时长：1小时 手撕算法 1、找出一个数组中最大的数字 2、js实现大数相加 两道题 做了一个多小时

⭐一面 主要了解一下你的学习态度，学习路线与方式，以及一些基础问题 从js到vue使用感觉有什么变化，两者有什么区别（答了vue专注于数据，不用频繁操作dom，提供viemodel层，简化代码） 遇到问题一般怎么解决（文档、论坛） jQuery的Ajax底层是什么 说说事件委托，只省去了我们设定多个监听器吗？（答了对性能优化也有帮助） 什么是事件冒泡，如何阻止 原生：event.stopPropa

## 技术一面 25分钟 1. 自我介绍，项目 2. 怎么实现上中下自适应布局？ 3. flex：1是什么？ 4. 三个元素各自定义了宽度，设置flex1之后还是平均分配吗？ 5. css动画如何隐藏元素？哪种隐藏方式可以触发click事件，哪种不行。 6. JS事件冒泡是什么？如何阻止？讲一下事件委托。 7. JS事件循环机制。 8. 一个场景，首先调用两个接口，再调用第三个接口，怎么做？ 9.

京东二面面试官很有水平啊，考察点特别细致。手撕很简单，但他水平之高也体现在这个环节。 又是收获颇丰的一集 1.为什么选择前端 2.没接触过后端为啥选了前端 3.前端和后端是什么关系，怎么更好的合作 4.vue和react使用体验差异 5.react的hooks和vue的组合式api有些共同之处，是希望达到什么效果（这个不知道咋对比，只能知道啥说啥了） 6.vue2到vue3为什么要从选项型api变

⛄：N 战腾子，还是太菜了😭。秋招好累😩，不如去校门口卖手抓饼（放面糊）（抹匀）（打蛋）（抹匀）（涂肉酱）（撒豆角）（撒葱花）（放火腿肠）（放脆脆）（放生菜）（打横卷起来）（切一切）（打竖切两段）（叠起来装进纸袋）（装进塑料袋）（递给学弟学妹）（擦汗）（继续煎饼）经顾客反映，将手抓饼招牌换成了煎饼果子（吹口哨）（自信）（继续摆摊）（被学生投诉）（慌张）（推着车逃离）（去另一个学校门口摆摊） 发