《前端应届生》专题

首先简单讲下面试，面试官很好，会清晰把握你讲述过程中的模糊点，然后藉此打开新问题。全程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，不知道结果咋样呜呜呜

时间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两个对象，一个对象更改数组，另一个会改吗（答的不

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

大佬们，用x6如何实现这种布局. 目前使用的是 dagre layout 左右布局。好像无法满足组内的上下布局。

为什么React中shouldComponentUpdata，React.memo这些使用浅比较，而是===