5月份大厂春招情况

1.讲一讲最近写的项目2.react如何开发一个组件3.为什么visual dom性能好4.为什么技术选型中用的是zustand5.对比redux context 和 zustand6.react中都用过哪些Hooks7.讲一讲useEffect8.useEffect和useLayoutEffect的区别，它们中的同步执行和异步执行都具体指的什么9.讲一下重绘和重排10.如何避免重排重绘11.for in 和 for of的区别12.实现元素水平垂直居中有哪些方案手撕1.统计在一个固定时间段内访问页面的次数的人数，输入多个对象{id, 访问时间}，输出｛访问次数，人数｝2.实现一个弹窗样式场景题，如果有一个很大的图片需要展示到前端页面，请求失败了怎么办？反问

第一次面试特别特别的紧张啊，面试前手都一直在抖站不稳timeline：12.1上午发简历直接约面12.2下午开始面试（27min）面试官一男一女，男好像是研发经理TvT，基本上是女生在问忘记录音了，记得的就这些先是自我介绍看到其它面经有说要自我介绍，面试开始前一个小时瞎写然后背下来的TvT自我介绍过程我还支支吾吾说我还干了啥来着项目1. Github Action有了解过是干嘛吗？（我没答出来，我懵了，我真的懵了，不是就干CI/CD的嘛，还能干啥TvT，好叭还是我基础没打好，不是我怎么因为懵了之后部署CI/CD都没说直接说不知道，叽里咕噜说可以看cicd流程哪里出问题去改错）2. 你的 CI/CD 都干了些什么3. Form 分层架构是怎么实现的4. memorepo 架构5. Module Federation 的实现原理6. React.memo，useMemo，useCallback7. Transition 组件性能指标用什么工具实现8. 组件怎么实现按需引入的？(继续脑袋宕机，然后编了一个说build.lib.format默认配置了 esm，打包默认就能实现基础1. 列表渲染为什么需要key？ key用index会出现什么问题（答了前面一个，后面脑袋宕机了，面试官提示了还是支支吾吾的TvT我发誓一定好好看八股）2. Vite 和 Webpack 的区别3. Vite 构建方面，Tree-shacking， ESM4. 虚拟列表的实现原理5. React 和 Vue 状态管理的区别？渲染的区别（我这里说到组件通信去了。？我在干什么啊……但是说了Vue用的vuex和pinia，react用context，redux，zustand啥啥啥，渲染的区别先说了React是根据setState或者dispatch触发渲染，然后面试官说好可以了，我：懵.jpg，然后继续问问题了6.Promise解决了什么问题？all和race的区别，all如果有一个返回reject会怎样（和allSettled记混了TvT，说会继续执行Promise，然后结果一起返回）其他1. 最近有学什么东西吗（说自己在学习langchain langgraph）2. 我看你大二，有时间来实习吗，能实习多久3. 你觉得怎样的代码是好的代码反问第一次面试不知道问些什么，就问了一下业务，研发经理跟我说，就是负责公司内部Github Action相关的东西（我一想到没答出action心凉了半截）无算法无手写发发面经攒人品，求求绿盟让我过TvT第一段实习能去绿盟我也会很高兴的就是说，看到ssob上和我对接的人前面还回复了四个人，压力压力

项目+八股+手撕1.讲一下RAG2.RAG分片的方法是什么3.react用过哪些hooks，讲一下原理4.react的组件还有其他发生渲染地场景吗5.useeffect设置一个和之前一样的值也会渲染吗6.useeffect设置为空数组呢7.ueeffect和uselayouteffect有什么区别8.如何避免引用类型导致的无效渲染？9.react组件更新的时机有哪些10.讲一下前端打包工具和工程化11.webpack原理12.为什么import一个东西只打包一个东西13.讲一下ant design的动态导入14.讲一下流式对话的输出是怎么实现的手撕：1.实现一个useeffect一样功能的hooks，但是第一次不执行副作用2.给一个[{tag:1,name:'alice'},{tag:'str',name:'bob'},{tag:'哈哈',name:'jack'}]的数据实现一个函数返回[1,'str','哈哈']反问

1.项目介绍2. 你参与的那个xx系统，如果这个系统后期要支持多租户，你觉得前端这块怎么改动会更合理3. Vue3 的 Composition API setup() 里响应式丢失是什么原因，怎么解决4. 用了 Pinia 做状态管理，在模块之间的通信怎么处理5.我看你项目里用 GRBAC 做权限控制，那我问你一个场景：如果权限在使用过程中发生变更（比如一个用户的角色被删了），你这边怎么清理掉他之前加载的权限路由6. 看你做了双 token 无感刷新，如果 refresh token 也失效了，但你这时挂起了一堆请求，刷新失败了，怎么处理7. 你提到你们公司做系统集成，那如果你要集成一个船上的摄像监控系统（第三方页面，但它不能改代码，只能iframe嵌进去，而且还要求根据用户权限控制展示内容，你会怎么处理8. 有这样一个场景：如果你从多个系统的 API 拉数据，但这些系统的数据结构不一致，比如 A 系统返回 camelCase、B 系统是 snake_case，还有一些是中文 key，你怎么统一数据结构，来复用9.如果让你来你现在负责一个项目，有20+个页面，需求方经常改字段、加字段，你每次都要改组件，这个时候你怎么来设计10. 如果你要做一个拖拽式仪表盘Dashboard用户呢能自己拖拽、组合图表组件展示不同数据源的信息，你会怎么来设计这个系统11. 看你做了一个公交大屏项目，项目里画车辆轨迹，那如果现在一个页面要同时展示 300 辆车的实时位置+轨迹，你怎么来优化12. 地图中你是怎么处理车辆轨迹“绕圈走”的情况的？比如一个车在原地掉头、拐弯，但 GPS 连续记录了好几个点，那肯定你的轨迹图就会一堆锯齿，怎么来做呢13. GeoJSON 有哪些字段？你在做行政区边界展示的时候，做过数据裁剪吗？如果只展示“浦东新区”这一个区的数据，你怎么只加载它？14.怎么处理 WebSocket 的多连接问题？比如你一个页面要同时订阅车辆位置、报警事件、设备状态，怎么复用，保证不丢数据15. 有没有处理过图表/地图上的数据级联问题？比如点击图表某个项目，地图跟着联动展示，这块怎么处理的16.手撕：给定一个整数数组 nums ，找到一个具有最大和的连续子数组，打印该子数组并返回其最大和。17.反问