前端社招搭子

怎么都搜不到迅雷前端的面经，一搜都是18年的记录。晚上要面试了

25届由于身体和心理原因从狗公司离职了，现在开始投社招，虽然有面试，但是面试时候一问到项目，面试官总会觉得没什么好问的😰或者觉得太简单了。但是正式工作的公司太草台了，做的东西也没有亮点，简历上的还是我加了亮点的，想问问各位大佬，社招的项目应该写些什么啊（我写了有echarts数据量过大卡顿，大文件上传之类的）

11/20 火山引擎一面如何选择学习前端的学习前端过程中的感受学习过程中一些自己解决得比较有难度，比较有成就感的事页签为什么不用第三方库，和你自己做的区别是什么不同页签之间的 url 相同吗如何区分不同页签的（动态路由参数）说一下你对 websocket 的了解Websocket 如何拿到历史消息说一下文件在服务端被 ai 解析的大致流程，涉及到了哪些技术平时有用一些 ai 工具吗介绍一下双 token 无感刷新的原理请求出错时如何处理为什么不用单 token，直接延长 token 有效期不行吗为什么不全部存在 cookie 里Http 状态码有哪些500 系列一般代表什么如何处理跨域Cors 能设置哪些字段，能设置什么维度的跨域，除了域名还能设置什么什么是组合式 api，有什么好处虚拟 dom 是什么为什么一些框架的最新版在尝试去掉虚拟 dom实现一个 event 类Js 编码二叉树的实现与遍历Js 闭包应用手写11/27 火山引擎二面自我介绍接触前端时间，怎么学习的介绍一下项目，包含业务场景介绍一下技术难点介绍一下基于 websocket 的库的选择你提到了自己封装了 websocket 类，和这些库的区别是什么描述一下这个类主要的功能和 apiStomp 和 websocket 的区别是什么从网络协议七层模型上看的话，stmop 位于哪一层Tcp 和 udp 的区别Stomp 支持二进制数据传输吗还了解别的类似 stmop 的协议吗知识库用到了 rag 吗介绍第二个项目有用到微前端吗你提到了多页签功能，页签之间的隔离怎么做的权限控制的力度是怎么样的，做到了什么层级登陆怎么做的，基于 sso 还是 oauth介绍一下你了解的 oauth 的底层原理登陆态是如何保存的Jwt 的优势是什么Keep-alive 的底层原理是什么讲讲泛型判断一个变量的类型有多少种方法Promise 有多少种状态Promise all 和 race 的区别Race 的第一个失败了怎么办，会执行第二个吗，返回结果是什么前端的网络安全了解 csp 吗说一下对前端工程化的理解前端有哪些性能优化的手段了解 webpack 的 model federation 吗最小子数组和（不要求时间复杂度）实现一个 event 类12/02 字节火山三面自我介绍介绍部门业务，商业化逻辑自己的规划是什么样的介绍学生干部经历，比赛经历如何激励同学们参加学生活动的比赛中团队做了什么，自己做了什么事你觉得你们的比赛课题有实践前途吗复盘的话后续有哪些可以优化的点讨论比赛项目前端当中，做的那些事对个人成长帮助比较大说一下产品形态和技术方案这个项目是你从 0 到 1 去做的吗你刚开始的时候是如何设计代码框架的为了保证项目的扩展性，做了哪些抽象详细介绍业务拆分逻辑，一直往下拆分的话会到什么程度一个比较完整的技术方案需要包含哪些内容如何确保工程稳定性，怎么选择一个好的技术栈做业务的时候涉及到了哪些，技术栈当中有没有需要提前确定的部分什么时候开始学习的前端有什么快速学习的方法吗工作过程中，你喜欢和不喜欢和拥有什么特质的人合作针对不喜欢的人如何共处你会去做 final call 吗，强行做决定可能有哪些问题反问秋招最后的面试了，拖了好久的面经一直懒得写，但看起来有不少同学应该用得上，还是写出来了，字节的三面确实会更注重考察候选者的个人潜质和 leadership，和之前的其他的技术三面感觉很不一样

1.大文件分片上传的原理，如何分片，断点续传，如何记录上传进度2.useEffect和useLayoutEffect的区别3.vue2和vue3的区别4.响应式如何做的5.选项式api和组合式api的区别6.组合式api有什么缺点7.diff算法原理8.vue和react的diff算法的区别9.vue2和vue3的diff算法的区别10.jwt登录机制11.http请求有哪些12.同源策略是什么13.跨域方法有哪些14.CORS的头部字段是什么15.jsonp原理16.除了script;标签，哪些标签可以跨域17.为什么使用proxy代理服务器可以跨域18.数组浅拷贝的方法有哪些19.闭包的使用场景20.webpack打包优化21.loader选型22.为什么使用jwt23.Object.prototype.a = 10;var obj = {b: 20};Object.defineProperty(obj, 'c', {enumerable: false,value: 30,});for (let k in obj) {console.log(k);}输出是什么var obj {24.对应的this指向问题：普通函数调用箭头函数调用方法调用嵌套普通函数箭头函数调用解构赋值后调用}输出是什么