流式处理大表单的核心是解耦读写与渲染：通过分片读取、web worker解析、虚拟滚动和流式导出，实现内存常量级占用与ui不卡顿。
直接用流技术改造大表单组件，核心是绕过“全量加载”陷阱，把内存占用压到常量级，同时让 UI 不卡顿、导入不崩溃。关键不在组件本身多 fancy，而在于读写逻辑与前端渲染的解耦。
流式读取：让 Excel 文件像水流一样过一遍
百万行 Excel 不能整张表塞进内存，否则浏览器直接假死或报 RangeError: Maximum call stack size exceeded。必须用流式解析器逐块读：
- 前端推荐 XLSX.read 配合 { cellDates: true, sheetStubs: true }，再用 sheet_to_json 的 defval 和 raw: false 控制类型转换粒度
- 避免调用
utils.aoa_to_sheet处理原始二维数组——它会预建完整 Sheet 对象，内存翻倍 - 真实项目中，可对 .xlsx 文件先用
FileReader.readAsArrayBuffer分片读取（如每次 512KB），配合StreamingReader类似思路做“伪流式”，缓解主线程压力
分块 + Web Worker：把重活移出 UI 线程
解析、校验、映射字段这些操作 CPU 密集，放主线程必然卡住滚动和按钮响应。正确做法是：
Python对Excel操作详解 中文WORD版
下载
本文档主要介绍如何通过python对office excel进行读写操作，使用了xlrd、xlwt和xlutils模块。另外还演示了如何通过Tcl tcom包对excel操作。感兴趣的朋友可以过来看看
- 用 Web Worker 承载整个解析流程，主页面只传
ArrayBuffer和配置（如列映射规则、必填字段） - Worker 内部分批处理：每 5000 行为一个批次，解析完立刻
postMessage给主线程，触发增量渲染或进度更新 - 主线程收到后不做复杂计算，仅更新状态（如
processedRows += 5000）或 append 到虚拟滚动列表
虚拟滚动 + 懒加载表格：只渲染看得到的那几十行
即使数据已解析完成，一次性渲染百万行 DOM 元素也会让浏览器崩溃。表格组件必须启用虚拟滚动：
- 使用支持原生虚拟滚动的库，比如 react-window（React）、vue-virtual-scroller（Vue）或 ag-Grid 的 infinite row model
- 表格只维护可视区域 ±2 屏范围内的 DOM，滚动时动态替换
rowIndex对应的数据项，不创建新节点 - 导出时不要从 DOM 取值，而是从 Worker 解析后的纯 JS 数组（如
rows: Array<record any>></record>）直接生成 Blob
流式导出：边写边下载，不攒在内存里
导出不是“生成完整文件再下载”，而是构建可读流，让浏览器边接收边保存：
- Node.js 后端导出：用 ExcelJS 的 WorkbookWriter({ stream }) 或 Excelize 的 StreamWriter，接
res响应流，无需writeFile - 前端直出：用 XLSX.stream.to_csv 或封装
WritableStream+TransformStream，配合URL.createObjectURL创建即时下载链接 - 禁用样式、共享字符串、自动列宽（
useStyles: false, useSharedStrings: false），导出速度可提升 3–5 倍
