字节前端2面

已oc。非常好的面试官，体验最好的一次，也学到了很多自我介绍&项目介绍---一个网页，如果用户反馈卡但是你这里不卡，有什么可能的原因如果你是黑客，怎么csrf攻击对base的选择对互联网行业普遍存在加班怎么看，之前实习有加过班吗未来3～5年规划，工作和生活。有没有坚持的爱好最近在学什么新技术，对AI相关有关注吗自我评价，优缺点--手撕隐藏元素的纯CSS方法（尽可能多地写）最长不重复子串---反问业务： 电商的商家达人方向建议： 除了技术，能弄清楚整个部门的商业模式更为可贵（简单来说，就是这门生意是怎么做的，从前到后的流程，从来没这么想过，很震撼）；拥抱AI说会尽快推进，下一步就是hr面了。一小时后约hr面。

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

继续日更。真的有用哇发面经攒rp，加大力度！！2025.9.5 抖音电商 45min没有什么项目拷打，八股盛筵&寿司盛筵自我介绍&项目介绍vue中虚拟dom的优缺点CSS中的定位方式http的header中有什么常见的关键字浏览器缓存中的关键字，怎么用的开发时网页白屏怎么排查问题变量的作用域怎么确定this怎么判断---手撕：1. 二叉树的右视图2. 变量作用域题，求输出var a = 10;(function () {console.log(a);     // ①a = 5;              // ②console.log(window.a); // ③})();console.log(a);       // ④var a = 20;console.log(a);       // ⑤3. this相关题，求输出window.name = 'ByteDance';function A() {this.name = 125;}A.prototype.getA = function () {console.log(this);return this.name;};

项目拷打（挖的很深，挖到实现细节，有没有更好的实现思路）八股1.url到页面显示的过程2.dom树和cssom树具体怎么合成成渲染树的3.知道闭包吗，他底层原理是什么（词法作用域）4.tcp和udp，直播会议用的是什么，为什么要用udp，除了建立连接耗时之外还有哪些好处5.讲解一下美团内部使用框架的底层原理6.虚拟列表怎么实现的，我要快速滚动怎么让他不卡顿呢7.知道虚拟dom吗，具体讲解一下原理8.知道数据库索引吗，讲解一下他的底层实现（B+树）算法题每日温度