2.28前端面试复盘

1.微前端框架的了解，怎么通信，怎么沙箱隔离?2.登录页实现思路?token存哪?cookie设置了最大的过期时间，假如我临近过期时间使用系统，会不会出现用一半登陆验证失效情况?调用api自动更新最大时间，那么存本地浏览器的备份怎么办?3.说说看你的实习项目/个人项目最有挑战性的地方是什么?4.假如给你一个图片设计稿，非常大，导致首屏加载5s，设计师要求不能改他的图片，就要这么清晰从用户体验角度思考，你会有哪些思路优化用户体验?5.权限场景题:假如后端给你返回了每个员工的id，和领导的parentid，现在是数组,你可以理解为这样的结构吧{id:1,parentId:2}，你怎么将数组转树，构建成员工管理图6.菜单项，父菜单子菜单如何实现动态路由呈现?7.购物车，假如我疯狂添加商品数量，一直加，这时候会不会持续给服务器发请求?我说我会做防抖，让最后再发请求，那如果请求失败了，怎么处理?重试机制有做吗?

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.遇到问题时是否直接采用工具解决?3.遇到问题时会通过求助他人，还是自己查资料或是凭经验解决?具体有哪些思路?4.平时如何学习前端相关知识?5.列举一篇最近看过的关于前端知识点的文章，日常开发使用Vue还是React?为何在通用组件库场景选择Vue 3?6.React Hooks 的原理7.说明 useEffect 和 useLayoutEffect 的区别。useMemo 等用于性能优化的 Hooks 的作用、使用场景及注意事项8.React.memo 的核心作用、比较逻辑、适用场景及注意事项。

1.微前端架构落地方案及沙箱实现2.如何实现前端路由?Hash和History模式的区别3.解释浏览器渲染原理及关键渲染路径优化4.Webpack构建优化有哪些具体措施?5.如何处理大文件分片上传?6.高并发场景下的前端性能优化策略7.Webpack构建速度优化完整方案8.前端灰度发布实施方案9.设计一个前端异常监控系统10.大型SPA应用状态管理方案选型11.Serverless 在前端的应用场景