字节飞书前端实习

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

身边的人陆陆续续保研考研出国就业都已经定了，现在突然意识到自己很烂，什么也不会，光想着985就高枕无忧了，总觉得时间还多，还来得及。但是悟已往之不谏，从现在开始努力学一个寒假我觉得也不晚。我目前是快速学完了html css js，把React简单看了一遍，每天都在刷hot1000，看了看ts，然后现在正在用ReactNative框架复刻一个类似于咸鱼的服务在校大学生的APP，核心业务就是四个模块:首先就是帖子模块，有七种类型的帖子，比如说任务类型的帖子，二手贩卖类型的帖子，每种帖子面对发帖者和看帖者有自己的状态管理，比如说待接取，进行中....接着就是聊天模块，基于websocket然后就是个人空间管理模块，基本就是复刻QQ空间那种最后就是地图模块，着重服务于帖子模块中的任务帖子，类似于某些网游中那种地图上的任务提示。今天上了上牛客看了看别人的前端，发现好像都是React项目找实习，目前有几个疑问1.我这个项目可以拿去面大厂吗，有亮点吗？2.我能用RN项目去投React岗位和web岗位吗？3.如果不能RN和React Web哪个更容易找到工作。4.有无推荐的RN或者React项目，有亮点的那种。5.985身份是否可以不准备寒假实习，一直猛猛学准备暑期实习?6.有无推荐的前端面经网站，类似于后端的小林Coding？

1.实习介绍2.浏览器拿到HTML响应之后，渲染页面过程3.CSS 是什么时候加载的？是等 DOM 树构建完才开始吗4.HTML 解析过程中碰到一个 <script> 标签，浏览器会怎么处理5.你刚才提到MutationObserver，那如果浏览器不支持这个 API，你会用什么方式实现类似功能6.我们看这一段代码：图1 这段代码打印的结果是什么？为什么不是local？7.如果我把刚才那个var name = 'local' 改成let，那输出结果会变吗8.解释一下什么是“暂时性死区”为什么let声明变量之前不能访问9.讲一下js的作用域有哪几种10.我们现在有一个全局变量是 let a = 1，页面上有个按钮绑定了一个 onclick 事件打印 a，我把 a 从浏览器控制台删掉了，会报错吗？为什么11.讲一下作用域链，为什么在try-catch 里 catch(err) 中的 err 是块级作用域，但try里不是？12. 果我有一个变量在 setTimeout 里修改了值，而外部同时访问这个值，能保证拿到最新值吗为什么13.我给你两个连续的style标签，里面写了两个相同选择器但不同样式，渲染时到底谁生效？为什么？14.如果我动态用innerHTML插入一段 <script>，它会执行吗？和用createElement的方式插入有什么不同15.我页面上用了iframe做内嵌组件，结果一个按钮点击事件怎么都监听不到，为什么16.讲讲webpack的loader和plugin的执行顺序17.react 的 useEffect 和 useLayoutEffect 有什么区别？哪个先执行18. vue 的响应式是怎么实现的？那我问你，Object.defineProperty 为什么不能监听数组的 push？Vue2 是怎么解决的19.如果我在页面里创建了一个超大的数组 new Array(1e9)，但没赋值，也不访问，浏览器会卡死吗20.我页面上只放了 1 张图，但 Lighthouse 跑出来提示资源加载过大，啥原因？21.手撕：数组中第k个最大元素

1.加载图片怎么做并发控制2.作为一个SDK的开发者，提供被别人加载图片的接口，要注意哪些?3. JSBridge和Native怎么交互4.实习项目中最大的难点5.一个浏览器中有几个渲染进程，说说对渲染进程的了解6.怎么通过自定义cacheservice类减少网络请求7.存在localstorage里，如果超出最大容量,咋整