《前端校招》专题

写面经，赞好运！希望明天约二面 项目难点介绍 重排重绘介绍（八股） 事件循环输出（这里犯了个小错误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 战腾子，还是太菜了😭。秋招好累😩，不如去校门口卖手抓饼（放面糊）（抹匀）（打蛋）（抹匀）（涂肉酱）（撒豆角）（撒葱花）（放火腿肠）（放脆脆）（放生菜）（打横卷起来）（切一切）（打竖切两段）（叠起来装进纸袋）（装进塑料袋）（递给学弟学妹）（擦汗）（继续煎饼）经顾客反映，将手抓饼招牌换成了煎饼果子（吹口哨）（自信）（继续摆摊）（被学生投诉）（慌张）（推着车逃离）（去另一个学校门口摆摊） 发

⛄：NNNNNNNNNNN 战腾子。秋招好累😩，不如去做保安！（业主回家没带门卡）（和业主吵架）（快递要进小区）（和快递吵架）（外卖要进小区）（和外卖吵架）（收废品要进小区）（和收废品吵架）（队长整队训话）（和队长吵架） 发面经攒人品，(ง •_•)ง，凭印象写出来的，可能不全。 一面 时长：60min+ 八股 输出项目(引出了一些项目相关的问题) webpack 和 gulp 的区别 webp

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还有什么