chensiyu1111-优快云博客

原创替换elementUI中el-table的表格组件Vxe Table

在项目开发时需要对50W数据进行滚动分页显示，使用el-table，会导致在页面数据量大时候非常卡顿，为了保证页面可用，项目引入了新组件Vxe Table，因为使用了虚拟滚动技术（即只渲染视口内的部分）所以在数据量大的场合也可以流畅显示，而且内置了很多表格实用的功能（比如过滤，搜索，排序，右键菜单等），基本常用的都能开箱即用。下面的流畅度说明表示的是当前视口渲染的单元格数量，比如当前视口有20列15行，结果乘完就是300，能达到流畅渲染。大于400（影响流畅度）小于160（极致流畅）大于600（影响卡顿）

2026-08-14 16:22:29 215

原创解决echarts饼图---legend显示/隐藏饼图不重新计算的问题

摘要：通过formatter闭包捕获this实现动态计算饼图占比。关键步骤：1) 使用const self = this保存上下文；2) 在tooltip和label的formatter中，通过self.chart.getOption()获取图例选中状态；3) 基于可见数据计算实时占比（过滤未选中项后重新计算总和）。改造后，当用户切换图例时，百分比显示会自动更新为当前可见数据的相对占比，而非初始总和的固定比例。

2026-07-17 14:37:26 167

原创 Java使用SQLServer数据库实现数据库批量UPDATE操作（有效）

摘要：文章介绍了一种高效的大数据量更新方法，通过创建临时表#temp存储关键字段，使用BulkCopy快速导入数据（4万条），再通过单次UPDATE JOIN操作更新目标表（5万条记录耗时0.5秒），最后删除临时表。该方法在测试中展现出优异性能，尤其适合大批量更新场景，但需注意仅需存储必要字段。优点是执行效率高，缺点是需要额外创建临时表。作者于2026年7月10日完成初步测试验证。

2026-07-09 17:14:18 192

原创 Java使用SQLServerBulkCopy实现数据库批量插入操作（有效）

文章摘要：针对向SQLServer批量插入76万条数据的性能优化，作者比较了不同方案：最初使用Druid连接池多线程插入耗时超100秒；改用优化参数的HikariCP后降至75秒；最终采用SQLServer的BulkCopy功能实现33秒完成，满足1分钟内的需求。测试表明4线程BulkCopy性能最佳，过多线程提升有限且占用连接资源。BulkCopy实现通过分块处理数据，构建内存表结构映射，并配置列元数据。虽然BulkCopy与连接池类型无关，但项目最终保留Druid。附HikariCP优化配置（包括sen

2026-07-08 10:50:06 225

原创 el-table 使用fixed 固定列但是固定列随着Y轴滑动错位

本文分享了ElementUI表格组件中固定列(fixed)与数据行滚动错位的解决方案。主要通过在全局CSS中设置.el-table__fixed-body-wrapper的max-height为calc(630px-120px)（需根据实际高度微调），使其与数据行高度匹配。后续发现拖拽滚动条时固定列与主表格不同步的问题，原因是ElementUI固定列采用独立复制表格实现，且仅支持主表格到固定列的单向滚动同步。最终通过在全局监听滚动事件，手动同步主表格与固定列的scrollTop值来解决问题。该方案对性能影响

2026-06-26 11:14:15 58