《前端校招》专题

本人碰到的问底层原理，源码和性能优化最多的一次面试 基本全程都在问(以下是大概回忆的一些问的东西，应该还有遗漏的地方，除去手写题面试时间大概接近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执行顺序题 面试体验还是不错的 #快手一面#

写面经攒攒人品 时间线 4.3 投递 4.17 一面 （近40min） 面向对象的多态特性，怎么理解的×（面试官说不会没关系，并且用他自己的话给我讲了一遍😭） 进程线程 死锁 虚拟内存 并发和并行 怎么发起HTTP请求 知道的数据结构有哪些，讲讲 两个栈实现队列，讲思路 其他问题不太记得了，都是计网/操作系统/数据结构 项目讨论 第二天打电话约了二面 4.22 二面 （50min） 个人情况了解

无自我介绍介绍完业务直接问 预计实习时间 到岗时间 做页面多还是做管理系统多 浏览器获取文件之后的渲染流程 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

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

时间8.31 base深圳 吹爆面试官，体验很好，不过也很开心 面试官先自我介绍，开摄像头，很和蔼 做题，给了一个叉叉图标，问不用图片可以怎么实现（脑子懵了，答了svg和canvas绘制，不知道想考什么） 做题，try catch块里的输出 项目拷打，lz主要聊了webworker和大文件上传，面试官会边听边记录重点，面试官会问需求和根据重点细节探讨，20min Vue3相对Vue2的最大的改进

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

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和浏览器的事件循环机制

1.介绍http协议 2.介绍promise有哪三种状态 3.promise可以停止吗 4.async和await基于promise封装，怎么封装的 5.前端性能优化 6.https和http的区别 7.get和post的区别 8.介绍一下react 9.react和vue的区别 10.vue2和3的响应式原理 11.浏览器渲染机制 12.碰到script标签会不会阻止html渲染 13.link

一面：（1h10min） 1. 自我介绍 2. 了解packagejson的dependency吗 3. dev dependency和dependency的区别 4. pnpm和npm的区别 5. workspace 6. useState是如何做到记住上次状态的？（这里没理解好，随便说了个isBatchingUpdate） 7. 项目一个一个点问了 8. 手写promisify（10min）

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

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