前端offer比较

八股 1.html渲染，遇到script标签会怎样2.async和defer有啥区别，怎么执行的3.http缓存(强缓存，协商缓存)4.跨域5.跨域的表现是什么样的，发出去无响应/压根没发?6.请求发出去以后，根据啥判断是否跨域?7.option请求8.介绍一些es6和更新的APl9.箭头函数和function区别10.事件循环11.怎么利用事件循环机制，优化大量计算导致的页面卡顿问题12.了解requestAnimationFrame吗，他在事件循环中的位置是啥13.怎么理解react中的hooks，为啥不用类组件，好在哪14.自己有封装自定义的hook吗?为啥不用普通的方法函数15.有了解ahooks库里的useAsync吗，啥原理16.Al的数据流式返回是啥原理?17.Zustand和Redux是啥区别18.setState为啥不能立刻拿到更新后的值场景1.浏览器输入ur之后，白屏时间过长，哪些环节可以优化2.可以用缓存优化吗3.如果分页的时候快速连续点了第二页和第三页，结果第二页的请求比第三页的返回更慢，出现问题，因为其实想看第三页。怎么解决这个问题

八股 1.http状态码2.强缓存和协商缓存的区别是什么3.JS、CSS 这类静态资源是否用强缓存（然后追问这类资源修改重编译会变吗 变得话用强缓存还行吗）4.​缓存模式有哪些5.JS 事件循环的核心原理是什么​6.JS 中的任务分为哪几类7.不同类型任务的执行优先级是怎样的​8.一道代码输出  同步任务微任务的代码判断执行顺序9.React Router 的核心原理 两种模式的区别的是什么​10.React 受控组件和非受控组件的核心区别是什么​11.怎么判断一个 React 表单组件是受控组件还是非受控​12.受控组件和非受控组件分别适合什么使用场景​13.实习过程中遇到过哪些复杂问题 怎么解决14.常见的排序算法有哪些15.不同排序算法分别适合什么使用场景​16.自己的优缺点17.ai怎么用的算法最长无重复子串

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.讲一讲最近写的项目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.实现一个弹窗样式场景题，如果有一个很大的图片需要展示到前端页面，请求失败了怎么办？反问