《前端面经》专题

真的，这场，太舒服了，一直担心学历歧视啥的（氵），45min。 blog加大分。（强烈建议大家多写写blog） 估计这个，没问我太多有的没的八股 挂个面经，攒攒人品（问的方式都会根据业务或者实际情况来，很舒服） 1. 聊实习项目（大概具体的场景） 2. 如何测评首屏加载到1s以内，依据是什么（我答lighthouse，不过这东西是离线的，如果要在线，测评怎么搞） 3. 如何进行性能测评 4. 对于

三面： 1.自我介绍 2.讲一下创业？规模？形式和方向？我做的什么东西？用户量？ 3.创业的项目中遇到什么有挑战的事情（技术方面）？在图片处理方面的流程设计，做过什么性能优化吗？ 4.飞书做的工作介绍 - 构建速度怎么优化的？ - webpack 插件怎么做的？ 5.让你设计一个混淆压缩怎么做？Tree-shaking 怎么去除未引用代码？ 6.AST 怎么比较两端混淆的代码有抄袭情况？AST 里

被拷打麻了 1. 用户登陆的过程，cookie怎么生成，怎么判断是否有效，怎么作用在浏览器 2. 进程通信方法，举例子 3. 浏览器的循环机制 单线程还是多线程 单线程怎么实现并行下载 原理是什么 做题 有限内存 排序 答了 外部排序的思路 但是io次数太多 要求优化 然后一道easy题

面试官人真的很好很温柔...... 计网： http1.0/1.1/2 https 对称加密非对称加密 七层模型 tcp/udp的区别和应用 三次握手具体到序号 输入url到屏幕出现 DOM树渲染树之类的相关知识 OS： 进程调度算法 死锁相关概念 数据库： 相关的知识 连接查询 js： 闭包（提了一嘴柯里化、偏函数） 原型链 防抖节流（结合项目问的） 数据结构与算法： 你了解哪些排序算法 说下快

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，不知道结果咋样呜呜呜

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

#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