《前端面试[话题]》专题

1.项目介绍，提问项目 2.vmodel原理✔️ 3.vue数据响应式原理✔️ 4.前端安全✔️ 5.预防方式✔️ 6.cmj vs esmodel✔️ 7.手写虚拟 dom 转真实 dom✔️

本人碰到的问底层原理，源码和性能优化最多的一次面试 基本全程都在问(以下是大概回忆的一些问的东西，应该还有遗漏的地方，除去手写题面试时间大概接近1小时) 1.diff算法的源码中是怎么做的 2.ssr 性能优化相关 3.前端性能指标LCP 这个最大的内容底层是用什么算法计算的 4.LCP FMP FCP 为什么选择FCP作为衡量指标而不是其他指标 5.虚拟列表 item固定高度和不固定高度是怎么做

40min，大概率是凉了 1.自我介绍 2.TCP和UDP 3.浏览器输入URL 4.浏览器获取到数据之后渲染页面 5.css和js解析顺序 6.promise async/await Ajax 联系 7.手写Ajax 8. Promise 、async/await和setTimeout执行顺序题 面试体验还是不错的 #快手一面#

无自我介绍介绍完业务直接问 预计实习时间 到岗时间 做页面多还是做管理系统多 浏览器获取文件之后的渲染流程 js树和css树是如何合并到html的 js什么情况下使用同步 什么时候异步加载 css的选择器优先级 如何提高class选择器的优先级 promise then catch finally的区别 promise all和race的区别 react setstate的获取数据方式，如何让他获

首先简单讲下面试，面试官很好，会清晰把握你讲述过程中的模糊点，然后藉此打开新问题。全程1h10m 1.自我介绍 2.项目拷打，这里延申的具体内容和面试官的问题也比较多，就略过不说了 3.url到网页发生了什么 4.vue和react区别和优劣，这里延申了一些源码切片层面 5.省略一些没印象的八股 6.一个有趣的问输出问题： const func1 = x => x const func2 = x

1.自我介绍 2.用户登录的流程 3.如何进行权限设计 4.实现一个三栏布局 5.路由懒加载的原理 6.递归的菜单组件实现方法 7.数组有哪些方法 8.宏任务微任务 9.事件捕捉和冒泡 10.组件通信的方法 反问技术栈 react,pc和移动端都有 问的比较简单，自己答得太差

项目细节，难点 因为用到了node追问了一些node的问题 无八股，手撕一题 数学建模问我咋做的，哥们那都一年前了，我随便扯了点用到的方法啥的。 全程39min，不知道结果咋样呜呜呜

我们真的是面的同一家公司吗？我的面试官问的全是场景，狠狠拷打项目，八股几乎没有，甚至问到了有线电视为什么要用很粗的同轴电缆😭

base深圳 前端一面(9.4) 1.手撕题：数组删除重复元素、算法(题库算法)、promise.all手撕； 2.map跟set的区别和共性； 3.箭头函数跟普通函数的区别; 4.vue3和vue2的双向绑定原理； 5.组件库整个实现的流程; 6.webpack/rollup/vite打包工具的区别; 7.rollup的tree-shaking原理、插件原理、用到的api（项目相关）； 前端二面

#B站校招# 30min，B站面试时间都这么短吗 问简历内容 10min，下面是八股部分： 1. 元素向右移动 10 px 过渡效果，用 css 怎么实现（说了 transition，想说 animation 来着，但是面试官直接问下一个问题了） 2. 了解哪些 TS 类型工具（Partial、Omit、ReturnType。。） 3. TS 中 const 和 readonly 是啥（回答成了

自我介绍 项目亮点，说了老长，终于在嘴巴干涩的时候面试官让我停下，开始问一些细节 讲了自己知道的状态管理 详细讲了redux 结合了项目，面试官超级好，给我讲了RxJS 情景问题，流式的数据，想要返回怎么去做比较好 所有的design pattern讲了一遍，自己的项目是怎么用的 项目聊天中的websocket的实现 websocket的ping pong机制 nodejs和浏览器的事件循环机制

聊项目： 一个公司内部不同应用的颜色风格可能不一样，组件库怎么做到对不同颜色风格的支持（组件库里对颜色的定义一般使用一个总体的css文件，这个文件里用变量定义好颜色，在其他组件里面引用这些变量，因此可以定义几套不同的颜色方案） 后台管理项目，用户权限啥的，怎么根据用户权限展示用户能看到的页面 聊八股 common js跟es6的模块化的区别 webpack 跟vite的区别，为什么vite比web

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

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