记录第一次面试（字节飞书前端日常实习）

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.斐波那契爬楼梯

预定：无，实际：~47 min* 自我介绍* 你是如何学习前端的* 介绍实习业务* Javascript 里有哪些基本数据类型* 介绍 forEach、map、filter、reduce* 手撕：用 reduce 实现 flatten* 介绍 Promise.all、allSettle、race* 手撕：实现 Promise.allSettle* 介绍跨域* 发生跨域时的表现是什么* 如何解决跨域* 浏览器如何判断是否跨域* 介绍 Cookie* 如何安全地使用 Cookie// 还有几个忘记了，想起来再补充* 反问EOF

应该是凉了但是收获很大字节约面毫不吝啬 每次面完都有收获这次和以前的面试都不一样 没有一个八股。一开始就问我学习前端的路径我说了一些然后就说项目，项目说一半面试官根据我项目想了一个现写，但是if太多了写得很慢。一个题完了以后问我promise怎么样，我以为要讲任务队列了我还挺高兴。结果是一道promise相关的schedule题 完全没见过没写出来然后反问阶段面试官给了我很多建议，聊了很多虽然肯定挂了 但是体验还是很好的

1. 已经结束实习了吗2. 预计能实习到多久，接受提前实习吗3. 学校课程怎么办4. 校招目前offer情况5. 对前端最感兴趣的方向6. 讲一下实习时候负责的工作7. 最有挑战的事情8. Web worker在你项目中解决哪些问题9. Web worker局限性，性能调研？10. 虚拟列表怎么做的，原理11. Js基础类型12. 引用类型怎么存储的13. 输出结果，解释for(var i = 0; i < 10; i++){setTimeout((i) => {console.log(i);})}for(var i = 0; i < 10; i++){setTimeout(() => {console.log(i);})}14. 计网七层模型，TCP，IP在哪一层15. IP协议有什么用16. 子网掩码是什么意思17. ipv4 ipv6区别，ipv6中有子网掩码吗，ipv6前缀的作用18. ipv6是多少位的19. 操作系统死锁概念，四个必要条件20. 进程和线程区别21. 进程之间通信方式22. 半双工含义23. 虚拟dom原理24. fiber原理25. React 和vue区别26. react最新版本是什么，有什么更新27. 手撕splice