不能只靠url.createobjecturl生成excel文件，因为它仅创建blob临时url，不处理ooxml格式转换；必须用sheetjs序列化数据为二进制blob，再通过createobjecturl触发下载。
直接用 URL.createObjectURL 无法生成真正的 Excel 文件（如 .xlsx），它只能创建指向内存中 Blob 的临时 URL。但结合 SheetJS（xlsx 库），你可以纯前端、不依赖后端，将海量数据（数万行）高效导出为 Excel —— 关键在于合理构造 Blob 并避免内存爆炸。
为什么不能只靠 createObjectURL？
URL.createObjectURL() 本身只是给 Blob 创建一个可访问的本地 URL，它不处理数据格式转换。Excel 是二进制结构化文件（OOXML），必须由专门库（如 SheetJS）序列化生成。createObjectURL 只是最后一步“触发下载”的桥梁。
用 SheetJS + createObjectURL 导出海量数据的正确流程
核心思路：数据分块处理 → 构造工作表 → 生成 workbook → 写入 Blob → 创建 URL → 触发下载 → 清理内存
-
使用
xlsx.full.min.js（含完整写入能力），CDN 地址：https://cdn.sheetjs.com/xlsx-0.20.1/package/dist/xlsx.full.min.js - 避免一次性把全部数据转成 JS 对象再喂给 XLSX.utils.json_to_sheet()，大数组会卡顿甚至崩溃；可先做轻量预处理（如字段映射、类型转换），再传入
-
调用
XLSX.write(workbook, { type: 'blob', bookType: 'xlsx' })直接输出 Blob，这是最省内存的方式（不走 base64 或字符串中间态） -
用
URL.createObjectURL(blob)创建下载链接，再用<a download="data.xlsx"></a>触发，完成后立即调用URL.revokeObjectURL(url)释放引用
处理“海量数据”的实用技巧
测试表明：5 万行 × 20 列原始 JSON，在现代浏览器中可稳定导出（约 80–120MB 内存峰值）。进一步优化可考虑：
-
流式模拟（伪流）：若数据来自后端流或需边请求边导出，可用
ReadableStream+TransformStream分批解析，但 SheetJS 当前不原生支持流式写入，仍需攒够一批再生成 sheet -
列裁剪与类型精简：导出前过滤掉空列、隐藏列；将日期/数字字符串转为原生
Date或number，让 SheetJS 自动识别格式，减小文件体积 - 禁用样式和公式：默认导出无样式、无公式，大幅提升速度；如需样式，仅对关键列设置（如表头加粗），避免逐单元格设置
-
分 Sheet 写入：单 Sheet 超过 10 万行可能被 Excel 限制，可按每 5 万行一个 sheet 拆分，用
workbook.SheetNames和workbook.Sheets手动管理
最小可行代码示例
（省略加载 SheetJS 的 script 标签）
function exportToExcel(data, filename = 'export.xlsx') {
// data 是数组，如 [{name: '张三', age: 28}, ...]
const ws = XLSX.utils.json_to_sheet(data);
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, '数据');
// 关键：直接生成 Blob
const blob = XLSX.write(wb, { type: 'blob', bookType: 'xlsx' });
// 创建下载 URL
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
// 清理
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
不复杂但容易忽略：createObjectURL 是前端导出链路中承上启下的关键一环，真正决定性能上限的是数据建模方式和 SheetJS 的调用姿势。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
