Web Worker 解析大型 Excel 文件需剥离主线程逻辑，独立 worker 文件用 ArrayBuffer 解析、禁用 DOM 和不可序列化对象，主线程校验格式/大小、监听通信、超时终止，并提供降级方案。
用 Web Worker 在后台解析大型 Excel 文件，核心是把 xlsx 解析逻辑从主线程剥离，避免 UI 卡死。这不是简单“加个 Worker”，而是要拆解流程、适配限制、控制通信节奏。
Worker 文件必须独立且不碰 DOM
新建一个 excel-parser.worker.js 文件，它不能访问 document、FileReader 或任何 DOM API。所有文件数据需由主线程读取后传入：
- 主线程用
FileReader.readAsArrayBuffer(file)读取二进制内容 - 读取完成后，调用
worker.postMessage({ data: arrayBuffer, options: { ... } })把 ArrayBuffer 和配置传过去 - Worker 中直接用
XLSX.read(data, options)解析，无需 FileReader - 解析结果用
self.postMessage(jsonData)返回，不能返回函数、正则、Date 实例等不可序列化对象
主线程启动与通信要闭环
在 Vue2 或纯 JS 环境中，Worker 实例需手动管理生命周期：
- 创建时：
const worker = new Worker('./excel-parser.worker.js') - 发送前检查：确保
file是 .xlsx/.xls 格式，大小合理（如 ≤ 50MB） - 监听响应：
worker.onmessage = ({ data }) => { this.parsedData = data } - 出错处理：
worker.onerror = (e) => { console.error('Worker error:', e.message) } - 任务结束调用
worker.terminate()，防止内存泄漏
解析逻辑要精简，避免额外开销
Worker 内部只做最必要的转换，不参与 UI 渲染或状态管理：
立即学习“Java免费学习笔记（深入）”；
- 用
{ header: 1 }获取二维数组，比默认对象模式更快更轻量 - 禁用自动日期解析（
cellDates: false），若需 Date 对象，主线程再用XLSX.SSF.parse_date_code()处理 - 跳过合并单元格还原逻辑，除非业务强依赖；否则保留左上角值即可
- 大文件可分片解析：主线程切分 sheet 数据范围，Worker 分批处理并聚合结果
容错与降级必须写实
Worker 不是银弹，得有 fallback 方案：
- 检测浏览器是否支持：
if (typeof Worker === 'undefined') { /* 退回到主线程 FileReader + xlsx */ } - Worker 内部用
try...catch包裹XLSX.read，捕获格式错误、损坏文件等异常 - 主线程设置超时：若 30 秒未收到响应，提示“解析超时，请尝试小文件”并终止 Worker
- 对返回的 JSON 数据做基础校验，比如检查长度、字段结构，防止空或畸形数据流入 Vue 响应式系统
