联想前端暑期实习面试

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.反问

项目+八股+手撕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','哈哈']反问

总时长：45min面试官一开始先介绍了本次面试的流程：简历问题、基础知识、部门介绍1️⃣ 自我介绍2️⃣ 实习的收获，从业务以及技术上展开说说3️⃣ 从0到1搭建项目，会考虑哪些点4️⃣ vue出现的背景，好处有哪些5️⃣ 其他简历上针对的问答……6️⃣ 首屏加载优化的方法有哪些7️⃣ vue响应式原理8️⃣ java和js面向对象的异同点9️⃣ ==和===的区别1️⃣0️⃣ css选择有哪些，及其优先级排序1️⃣1️⃣ setTimeout的第二个参数设为0一定会马上执行吗1️⃣2️⃣ vue双向绑定的原理1️⃣3️⃣ 原型和原型链1️⃣4️⃣ data为什么是一个函数1️⃣5️⃣ webpack构建流程1️⃣6️⃣ 为什么vue、react都需要状态管理工具1️⃣7️⃣ 关于前端学习的规划1️⃣8️⃣ 反问

八股： 1.跨域问题2.什么是同源策略3.数据类型4.localstorage等三个区别5.钩子函数6.url解析过程7.dom树构建8.防抖节流手撕：9.手写一个方法树结构转数组，实现react下拉组件，写完问了react里面key的作用反问：10.技术栈 说用react和vue都有 不用太过担心换技术栈