记录一下!前端也可以处理大数据

5 阅读1分钟

百万条数据如何处理

遇到大数据,为什么不让后端去计算呢?

这里比较特殊,表格4000行,25列

  • 用户可以对表格进行灵活操作,比如删除任何行或列,选择或剔除任意行
  • 用户可以灵活选择运算的类型,计算一个或多个

即便是让后端计算,需要把大量数据传给后端,计算好再返回,这个时间也不短,还可能出现用户频繁操作,接口数据被覆盖等情

  • Web Worker 使得在一个独立于 Web 应用程序主执行线程的后台线程中运行脚本操作成为可能。这样做的好处是可以在独立线程中执行费时的处理任务,使主线程(通常是 UI 线程)的运行不会被阻塞/放慢。数据通过消息系统在 worker 和主线程之间发送——双方都使用 postMessage() 方法发送消息,并通过 onmessage 事件处理程序响应消息(消息包含在 message 事件的 data 属性中)。数据是复制的,而不是共享的。
  • vxe-table 支持虚拟滚动,通过只渲染可视区域的数据,极大优化了渲染性能。结合 Web Worker,可以在数据准备阶段提前计算可见数据范围。