字节-前端-二面-面经

1.自我介绍2.有做用户权限控制的内容，说一下怎么做的？3.为什么没有用cookie来存储你的一些key和证书？而是用的localStorage。4. 在同源的情况下，除了 LocalStorage 这种数据可以共享之外，浏览器还提供了哪些数据工具可以共享使用呢？答："还有 SessionStorage，平时会同时用 Cookie 和 SessionStorage"5.假设现在有一个需求，需要实现一个方法来计算当前 LocalStorage 还剩多大的存储空间，你会怎么设计？答：（停顿了1min非常不好)转换成字符串并计算字节长度。6.哦，如果空间不够的话会抛什么异常吗？你会怎样去写这个数据？一次性写很多？就是你之前提到使用字符串判断存储空间，具体是怎么判断以及写入的呢？这个流程是啥样的？7.实习--知识库分段规则8.里面其实还有一个叫语义分段的，你用过吗？9.就是我们搭建工作流也好，agent也好，它的mcp会设置一个数量的使用上限吗？就是我们在搭建的过程中，他会让你设置mcp都有哪些对吧？10.这个无人机前后端都是你写的对吧？能说一下为什么用flv.js实现了视频的播放吗？11.你前端的播放器请求的应该是视频流的地址吧？ 能说一下这个鉴权的流程吗？我有权限去复制这个链接可以拉这个流，但是我把地址复制给别人，别人是没有权限拉到这个流的。你请求的播放流地址链接有做相关处理吗？这是一个防盗链的过程。11追问：那你链接里有token，把这个视频链接复制给别人，别人是不是就可以看到视频了？12.在浏览器里面去展示一张图片，都有哪些办法？13.用<img>展示一张图和用background-image展示一张图，这俩哪个优先级更高？14.浏览器拿到一个 HTML 之后，它的渲染过程大概是什么样的呢？15.有不阻塞的办法吗？我的意思是即使我放在前面，也不阻塞后面的dom的执行，这个有办法吗？16.v8垃圾回收机制手撕：19.watch异步执行。sync属性同步打印20.promise打印题21.斐波那契爬楼梯

📍面试公司：字节跳动一面（已挂）❓面试问题：1.为什么选择前端这个岗位？2.介绍一个你觉得有挑战或有收获的项目/功能点，以及遇到的问题和解决方案。3.微前端主要是为了解决什么问题？4.介绍一下 Promise？5.Set 和 Map 的区别？6.HTTP 和 HTTPS 的区别？7.介绍一下 CSS 的盒子模型？8.浏览器中的线程和进程的区别？9.v-if 和 v-show 的区别？10.了解哪些打包构建工具？它们是如何优化体积的？手撕：1.数组转树状结构：将一个带有 id 和 parentId 的扁平对象数组转换成树形结构。2.快排🙌面试感想：表述逻辑不清楚；不自信，回答不是很顺畅（原因：菜狗）

好像是主站的平台研发，b端的timeline 9.01一面 9.10二面 9.23 hr面   录用评估中一面 2h   很温柔的姐姐，聊了很多，然后也等了我很久的手撕，真的很感动1.输入url会发生什么2.对称性加密与非对称性加密3.表格中加载很慢需要排查哪些点4.http1 1.1 2.0 3.05.网络安全漏洞相关 xss csrf 中间人6.出了道跳转的题，判断会出现什么安全问题7.puppeteer相关8.进程和线程的区别9.服务器不同核数的利用率有什么区别10.变量提升11.设计模式介绍12.埋点方案13.css手写，水平垂直居中，伪类为元素，双栏布局14.柯里化15.大数相加16.promise输出二面 40min  大模型相关的拷打了很多，前端属实接触不到太多，纯靠自己补1.黑产对抗是做了什么事情2.xss3.怎么结合ai去识别一些安全漏洞4.下载时原生侧是否会有性能的问题5.怎么调用原生侧的api6.function call  prompt  rag7.大模型首个token的响应速度和后续token响应速度差异产生的原因和解决的方案8.手写promise.allhr面就很常规了，就不写了，字节意向第二天面的，也没太强的意愿，但好像也不太挂人，直接录用评估了

8.3hr主动约面一面 8.28自我介绍1.讲实习2.长列表性能优化 （分页 无限滚动 虚拟列表 图片懒加载）3.虚拟列表实现方法（等高 非等高）4.虚拟列表在每次划入划出的时候图片资源会重新请求 怎么处理？5.刚刚提到了缓存 讲一下缓存机制6.Taro原理7.手撕 一个倒计时组件纠错（不同实现方案）8.手撕 两个升序数组合并秒过二面 9.4二面比较基础自我介绍1.TCP UDP区别2.浏览器输入URL到展示页面过程3.分析script标签阻塞咋办4.分析Css代码阻塞咋办5.刚刚讲到了raf ric原理分别是啥6.浏览器帧数怎么定义7.重排重绘定义 伪元素是重排还是重绘8.prefetch preload区别9.async defer的区别 script标签如果放在头部会有哪些风险10.讲一下你认识的React11.useeffect里放了数组或对象这类型是怎么比较的？12.图片懒加载怎么实现？13.讲一下你认识的fiber14.回到上面的css解析和dom解析 这两个是同时的嘛？15.讲一下webworker16.讲一下React流式传输17.怎么减小打包体积？18 502 504区别19.三道手撕1.一个升序数组给两种方法找出一个元素x的出现次数（直接遍历 二分）2.数组扁平化20.反问 说广告最重要的就是性能优化 所以会问这么多二面压力比较大 面试官的回应比较小而且问题大多都是开放题 语言组织当时紧张了有些没有系统回答上来，想到什么就说什么了 性能优化还是要复习一下9.8过9.10三面1.自我介绍 重点讲出你有什么优势 竞争力主播这里比较聪明讲了一下实习时候对一个通用业务的开发流程，具体到一些具体实习业务上2.还有什么平时学习时候的吗 我提到了React的useOptimistic钩子3.刚刚提到了React19，知道useActionState嘛4.讲一下实习亮点5.一到了防抖 直接开始手撕ts的useDebounce6.知道React流式传输吗7.反问 我问了一个团队的基本开发过程和分工管理 这里ld看来是被我问住了 想了一会也和我聊了好久当时面试提了React19和实习理解就感觉自己能过了 明显能看出ld有点微微笑容 反问交流时间也很长结束会议后5分钟就过了9.15hr面9.30oc给我的感觉是虽然没考工程化知识 但是对于这种基础的性能优化广告部门很看重 正好我运气好可能复习过蛮多的 二面的开放题准备不充分 然后三面的开放题也最好说一些与时俱进的内容 展示自己的思考