领航项目总结

介绍：主要就是一个大数据的看板，根据不同的维度（时间，省区，指标）来展示需要给上层boss的数据，结合echarts组件来实现，大批量数据的直观化，可视化的显示。将复杂的数据以具象化的形式显示出来。

亮点：使用websocket长连接，来到一个数据的实时更新和渲染

// 创建 WebSocket 连接
const socket = new WebSocket("ws://example.com");

// 监听 WebSocket 连接打开事件
socket.addEventListener("open", () => {
  console.log("WebSocket 连接已打开");
  
  // 每隔两小时发送一次请求数据的消息
  setInterval(() => {
    socket.send("请求数据");
  }, 2 * 60 * 60 * 1000);
});

// 监听 WebSocket 接收到消息事件
socket.addEventListener("message", (event) => {
  console.log("接收到数据：", event.data);
});

// 监听 WebSocket 连接关闭事件
socket.addEventListener("close", () => {
  console.log("WebSocket 连接已关闭");
});

           对图片上传组件进行了二次封装，使其能够适用于业务场景
           对一些公用组件的封装
           封装了自定义的节流hook，在需要搜索的业务场景下可以有效的节约资源，避免请求频发

难点：后端一次性返回大量数据时，渲染卡顿，切换tab页面时也会卡顿

克服：应用了虚拟列表的方案实现了对需要展示数据的显示，节约了资源