- 博客(4)
- 收藏
- 关注
RSS订阅原创 基于vxe-table仿excel实时编辑表格的性能优化
在做排班需求的时候需要实现仿excel实时编辑表格，但是做完以后发现编辑一个表格需要4到5秒，因为每一次操作都设计大量的遍历过滤操作，而且要实时编辑需要keep-source，导致非常难用。后来分析了一下导致慢的几点原因：1.vxe-table 自身设计原因，需要操作大量dom，实时编辑keep-source也会使性能直线下降。2.过多的遍历和过滤操作，因为表格很多都是动态的数据，涉及多层遍历渲染，后端数据结构日期返回的特殊性导致需要用到很多次filter过滤来匹配每一天每一个人的数据。3.数据返回
2020-08-20 17:47:02
1795
原创 前端导出excel表会导出两份的bug
前端导出excel有很多的操作可能，可以使用xlsx插件进行表格的导出，但是会导出两份，需要处理一下。第一步引入：import FileSaver from 'file-saver'import XLSX from 'xlsx'exportExcel (className,excelName) { var xlsxParam = { raw: true } // 导出的内容只做解析，不进行格式转换 let fix = document.querySelector('.vxe-t
2020-08-04 10:38:20
1506
2
原创 项目开发中常用技巧
1.数据结构的二次构造：一键绑定多个对象的时候，需要重新整理数据结构例如：watch: { 'doing':{//深度监听，可监听到对象、数组的变化 handler(val, oldVal){ const obj = val; this.stagArr = []; obj.forEach(item =>{ this.sta
2020-08-04 10:33:58
150
原创 echarts开发中常用技巧
1.设置y轴双轴（一个图表包含多种类型图表，且数值差异比较大的时候常用）：设置y轴双轴除了对yAxis做处理以外，最重要的是在series中对每一块指定应用yAxisIndex: 1, //yAxisIndex来指定应用哪个y轴，计数从0开始。代码中yAxisIndex: 1指定了1，所以它应用第二个数轴。2.柱状图bar 同种类型的堆叠设置：只需要设置stack一致即可，例如: stack: “总量”。3.echarts图表点击触发事件：var myChart = echarts.init(d
2020-08-04 10:23:41
174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人