《前端面经》专题

1.script标签加什么属性可以变为异步加载 2.css如何画自适应正方形（width和height都设置为vh） 3.事件循环 4.说输出输出顺序 5.如何理解弹性盒子？（flex实现响应式设计，在容器中有效地排列元素） 6.原型链是什么（实现对象之间共享属性和方法，允许一个对象通过其原型访问另一个对象的属性和方法） 7.构造函数中写数组，new两个对象，一个对象更改数组，另一个会改吗（答的不

9.2 快手一面 1. 自我介绍 2. 为什么想做前端？ 3. 实习做了什么？两段实习有什么不一样的感受 ？ 接下来八股盛宴，中间传参现场手撕 4. vue的生命周期有哪些钩子？√ 5. vue2的双向绑定原理是什么？√ 6. 写一下Object.defineProperty，以及发布订阅模式。 √ 7. localStorage、sessionStorage、cookie的区别。√ cookie

没有特殊的面经，就是一些常见的八股 ———————— 但是面试官的气质好像小时代里的南湘，很清冷，但我真的怕她下一秒对我说，祝你的人生发烂发臭

base：北京 时间：4.24 50min 1.讲一下css position，描述一下区别 2.长度单位px，em，rem，vh，vw 3.讲一下flex的属性和特点 4.对一个盒子设置background，这个background包括盒子模型的哪些范围 5.讲一下BFC 6.js原型链继承 7.在开发过程中，哪些场景会用到原型链继承 8.讲一下闭包 9.说一下V8垃圾回收 10.es6用过什么

自我介绍 数组去重（有七种） vue3中watch与watchEffect的区别 前端白屏可能的原因 现在在做的项目 闲聊 反问

25min~ 自我介绍 问项目： 项目难点 小程序页面通信相关 场景题： node后端的防攻击 秒杀按钮倒计时如何更精准 还有的问题记不清了 反问

1.自我介绍，项目 问了很多 2. $set 3. vuex 4. css垂直居中 5. css权重(完全不了解) 6. 事件循环 7. 微任务和宏任务 6.7是英文问答 8. 跨域请求 其他的记不清了，面了一小时 手撕： 有序数组合并

哇哇哇，第一次面大厂诶，真的感觉不一样，面试官人也好好，而且真的非常有水平 面试过程： 面试官自我介绍 我的自我介绍 问是如何学习前端的，以及为什么我人工智能专业要做前端 谈谈项目 对Vue3的了解（我说了响应式，Diff算法，还看了点渲染器） 让我自己说说Diff算法（我把简单Diff算法，双端Diff算法，快速Diff算法都说了一遍，认真学习一下《Vue.js设计与实现》真的很有用） 面试官说

一面让我手写了listMap，二面全程就问了一道题，手写一个LRU。。写完直接给我过了。

迟来的面经~ 给有需要的友友们参考了#我的实习求职记录# - 请说出 ES6 当前有哪些基础数据类型； - 请使用 JS 实现一个函数 getType，他能识别所有的基础、复杂数据（数组、对象）等的数据类型； - 请查看下面的几行代码，并且做出回答； const arr1 = [1,2,3]; const arr2 = [1,2,3]; console.log(arr1 === arr2);//

还是礼拜一的时候面的，离谱的是竟然是电话面，当时就很怀疑是kpi了。 结果真差不多，全答出来了也没二面。。。 - 介绍一下bfc - flex的一些属性 - 数组的遍历方法，哪些可中断，哪些不会改变原数组 - 原型链 - 深浅拷贝 - 闭包 优点缺点 - 了解哪些缓存策略 - reacthook - if语句不能写hook的原因 - ts中泛型了解吗 - webpack和vite介绍一下 #我的实

论文胶定后玩了大半个月，什么也没有看。突然来个电话告诉我面试，好懵感觉是kpi，好像是我秋招投的。真没有一点印象。 #如何判断面试是否凉了# 今天早上9点多面的，一共20分钟吧 1、布局，flex的一些属性 2、选择器，权重之类的 3、介绍bom、dom，说一下api 4、const与引用类型，作用域之类的 5、http304 6、样式穿透 7、vue的虚拟dom 总结一下，基本都是基础题，124

- 实现的项目难点（感觉对面试官来说也不是难点，没有半点营养的感觉） - WebSocket协议以及怎么建立连接的 - 为什么要使用WebSocket协议，轮询不行吗？什么是长轮询？ - 介绍一下jwt - token为什么要用cookie或者localStorge存储，为什么不考虑session？ - 一些常见的网络攻击 - 介绍react hook - 介绍一下redux以及为什么会考虑到使用

hr说还在排序，大概率是无了。 发面经攒好运。二面大部分围绕项目来问，还有两道输出题，两道手写题 1.技术栈选用原因 2.虚拟列表减少多少加载时间 3.token相关 4.请求封装怎么做的 5.websocket怎么做的 6.输出题 7.改变原来数组的方法 8.手写题 9.浏览器缓存 10.反问 #快手信息集散地##我的实习求职记录#

- 防抖节流 - 介绍盒模型 - 实现水平垂直居中 - 用flex怎么实现使一个元素在右下角 - 介绍一下相对定位和绝对定位 - 行内元素和块级元素的区别 - 对它们使用margin padding有什么差异 - 介绍promise，以及其方法 - 发起接口请求怎么发起 - fetch 和 axios的区别以及它们都是基于什么的封装 - 介绍事件流 默认的事件流是怎么样的 - addEventLi