原标题：前端实用开发小工具之qf-export-excel前言一、需求分析1. 两个方式正常使用后台项目中导出excel有两个方式，前端导出和后端导出2对比分析前端导出excel 相对来说简单一点，XLSX是前端 npm 包，但是如果数据量大的话，会卡顿，处理时间慢；当数据量多的时候 使用后端导出会好一点
后端导出excel 相对来说麻烦一点，但是时间短、速度快；具体操作都放在后端，也节省了前端的操作用户效果好正常开发过程中基于客户实用度来说，大多都是后端去导出部分数据，但是也偶尔会有一些不一样的需求，需要前端去进行导出操作，所以就需要用到前端导出插件qf-export-excel 来进行开发。
二、实施操作1安装插件npm install qf-export-excel2项目中引入插件const qee = require("qf-export-excel")或者import qee from "qf-export-excel"
3项目中使用button.click = function(){qee(titleList,dataSource,fileName)}4参数详解qee(titleList,dataSource,fileName)
这个库是个函数方法接收3个参数,分别是titleList dataSource fileNametitleList:这是标题的数据来源,是一个数组,每个值是个对象,对象中有两个属性,一个是title对应的是表格的表头文字,key是对应导出数据的key
dataSource 数据应该是这样的
fileName就是一个文件名 不传默认为数据文件名( 可在下载的依赖中去修改默认文件名和文件后缀名 )
使用总结根据日常使用需求和客户使用反响来看，最好是将导出操作去放在后端去处理数据，若无法避免前端导出要基于数据量，操作电脑环境配置等综合考量，不然可能会造成数据量过大导致浏览器崩溃，宕机等问题返回搜狐，查看更多。
责任编辑：
亲爱的读者们，感谢您花时间阅读本文。如果您对本文有任何疑问或建议，请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。