字节前端面经，二面没面好，希望有三面

项目 八股 手写 八股除加载时间外，还有哪些核心指标可用于评估页面性能如何评估卡顿问题用 JavaScript 计算 FPS核心原理是什么vw  单位含义是什么？与  px 、 %  有何区别元素水平垂直居中还有哪些实现方案问了一个问答 分析同步异步执行顺序 手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口输入联想组件有哪些可进一步优化的点前端核心的学习方式是怎样的

一面 1.自我介绍2.我看你实习经历中写到页内预览这个组件是使用iframe去做的，当时是基于什么决定去这样做的？3.你做pdf预览的时候用到了pdf.js这个插件，你是如何使用的，遇到了什么问题？这个插件可以对pdf内容进行针对某一页的操作吗，性能？4.在进行UI前端自动化Cypress的相关配置时有遇到什么问题？5.知道Cypress能够自动操纵浏览器行为的原理吗？6.你是如何降低Cypress误报的？7.你认为前端自动化测试有什么优劣势？毕竟维护它也比较耗费精力？8.我看你项目中使用了Electron，知道主进程和渲染进程间是如何通信的吗？9.账号记忆化是怎么做的？使用了数据库相关的技术吗？10.websocket和sse，轮询相比有哪些优势？11.自动重连机制和心跳检测是怎么做的？12.websocket连接是使用了相关的库还是你们自己编写了一个小的工具？13.拦截器的主要功能有哪些？14.你们的登录鉴权是基于什么的？cookie是谁下发的？如何防止cookie被直接获取，有哪些安全措施？知不知道Samesite这个属性，它的值有哪些？15.平常vue3用的多还是vue2，了解vue2吗？16.使用vue这种框架，相比直接去使用原生html，他的优势体现在哪些方面？17.diff算法是如何提高性能的？18.diff中的key有什么用？如果不赋key值会出现什么问题？19.为什么虚拟dom能提高效率？产生虚拟dom难道不会产生额外的开销吗？20.简单手撕：反序列化数组：字符串"[1,2,[2,3,4,[3,4,5]]]"变成真正的数组21.常规js事件循环题目20min后电话约2面二面1.自我介绍2.着重介绍一个你自己认为含金量最高的项目3.为什么选用sqlite，了解indexDB吗，为什么不用indexDB？4.我看你websocket用的是ws模块，是基于什么考量的，socket模块的社区活跃度和星数更高，为什么不考虑用这个呢？5.Electron为什么可以调用类似于客户端的一些API或者功能？JSBridge了解吗？（忘掉JSBridge了但是讲了nodejs环境和chromium以及主进程渲染进程IPC通信，但是JSBridge不是做移动端跨端的吗他们之间有什么关系啊，可能单纯考察知识的广度吧）6.购物项目的骨架屏是如何实现的？假设现在有一个新闻网站，他新闻有很多种类型，比如纯文字，文字加图片，纯图片等等，那你怎么在页面资源全部加载完成前展现出一个尽量靠近真实界面的骨架屏呢？7.React有了解吗？有没有搭建过项目？8.pdf.js内部原理是怎么样的？canvas如何绘制图片？原生canvas有了解吗？9.你了解的性能优化的指标？如何检测LCP？不埋点用自动化的方式呢？Performance面板什么用？录制期间记录哪些数据？10.现在AI应用有这种一个一个或一行一行的输出效果，怎么做的？后端返回的格式以及请求头相关的信息有什么不一样的地方吗？JS是如何接收并处理接收的数据的？SSE的EventSource只能处理GET请求，假设我要POST请求，怎么做？11.微前端了解吗12.手撕：单词拆分真是汗流浃背问啥啥不会晚上收到感谢信

秋招体验最好的一次面试，面试官很友好一直笑搞得我全程憋笑。。体验最差的一次也是快手，所以这玩意真的看人不看公司自我介绍 最开始面试官就说他也是转码的但是以前很容易 现在你要转就难了 JS手撕new操作符 居然说有些细节忘了也没关系哈哈哈解释原型和原型链 Object.__proto__和Object.prototype.__proto__分别是什么Map和WeakMap的区别Set和Map查找的时间复杂度是多少如何实现数组去重new Set([a,b])，但是要求var a = {a:1} var b = {a:1}看成同一个对象，m 个元素时间复杂度是多少？能不能优化为O(1)？ 8. 箭头...

第一个  也是目前唯一一个招银网络泡出来了...直接带薪offer但是究极🥬价base杭州...