前端大数据导出(50 万行 CSV,不卡死)

真实难点:① 一次性拼字符串同步生成 Blob → 主线程冻结、内存爆炸;② 生产用 Web Worker 拼 + StreamSaver 流式落盘,内存恒定;③ CSV 字段含逗号/引号必须转义,否则 Excel 错位。

主线程同步(错误示范)

耗时: ms
点这里期间页面会冻结,按钮点不动

Worker + 流式(生产推荐)

耗时: ms
进度:0%
注:本 demo 为免依赖用 Blob 下载模拟流式进度;生产环境用 StreamSaver.js(createWriteStream + writer.write 分块)实现真正边生成边落盘,内存不涨。