a标签href不能直接指向字符串，因浏览器仅支持真实url或data url；正确做法是将文本转blob，设type为"text/plain;charset=utf-8"等对应mime类型，加bom头防csv乱码，并及时调用url.revokeobjecturl释放内存。
导出纯文本时为什么不能直接用 a 标签 href 指向字符串？
因为浏览器只允许 a 标签的 href 属性指向真实 URL 或 data URL，而普通字符串（比如 "hello world"）既不是合法 URL，也不能被识别为可下载内容。直接赋值会触发导航失败或静默忽略；data URL 虽可行，但对中文、换行、长文本易出编码问题，且无 MIME 类型控制权。
正确路径是：把文本转成 Blob → 用 URL.createObjectURL 创建临时对象 URL → 绑定给 a 标签触发下载。
Blob 构造时的参数和 MIME 类型怎么选？
纯文本导出最常踩的坑是乱码或后缀失效——根本原因是 Blob 的 type 选项没设对。浏览器靠这个类型决定如何解析内容，也影响下载后的默认文件扩展名（部分浏览器会参考它）。
- 中文/带换行文本必须显式指定
type: "text/plain;charset=utf-8"，否则可能按系统默认编码（如 GBK）解析，打开就是乱码 - 想导出为
.csv？type设成"text/csv;charset=utf-8"，配合 BOM 头更稳妥（见下一点） - 不要写
"application/octet-stream"—— 它会让浏览器失去文本识别能力，可能弹出“是否保存”而非直接下载，且无法预览
如何避免 CSV 中文在 Excel 里乱码？
Windows 版 Excel 默认用 ANSI 打开 CSV，UTF-8 编码的文件会显示乱码。解决办法不是改编码，而是加 UTF-8 BOM 头 —— 这个头不改变内容，只告诉 Excel：“这是 UTF-8，请用 UTF-8 解析”。
实操上，在文本前拼接 \uFEFF 即可：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
const content = "\uFEFF姓名,城市\n张三,北京\n李四,上海";
const blob = new Blob([content], { type: "text/csv;charset=utf-8" });
const url = URL.createObjectURL(blob);
注意：\uFEFF 必须是字符串第一个字符，且 Blob 构造时不能额外 trim 或 replace，否则失效。
对象 URL 用完不释放会怎样？
URL.createObjectURL 返回的地址会持续占用内存，直到手动调用 URL.revokeObjectURL，或页面卸载。大量导出操作（比如循环生成多个文件）不清理，会导致内存泄漏，尤其在长时间运行的管理后台中明显。
安全做法是：下载触发后立即释放，哪怕只是“大概率成功”也该清理：
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "data.txt";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url); // 关键：必须加这一句
如果用 setTimeout 延迟触发点击（比如兼容某些 Safari 行为），revokeObjectURL 也要等点击之后再调，不能提前。
真正容易被忽略的是 BOM 头的时机和 revokeObjectURL 的调用位置——前者错一个字符就白加，后者漏一次就埋个内存隐患。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
