今天看啥  ›  专栏  ›  VisActor

某财税系统高性能表格实践总结

VisActor  · 公众号  · 科技自媒体  · 2024-08-15 09:00

主要观点总结

本文主要介绍了VisActor的VTable在解决AngularJS表格性能问题和扩展能力差的问题上的应用,包括调研过程、功能实现和效果展示。

关键观点总结

关键观点1: VisActor的VTable解决AngularJS表格性能问题和扩展能力差的问题

项目存在性能问题和扩展能力差的问题,调研各种开源解决方案,最终选择VTable,因为它超高的性能表现和较好的扩展能力。

关键观点2: 全局基础配置的实现

项目中使用表格的场景很多,通过定义全局配置来规定项目整体表格的基础风格,每个列表可以单独写个性化的配置。

关键观点3: 下拉菜单的自定义

VTable默认提供的下拉菜单不够灵活,于是自定义了一个下拉菜单,通过VTable提供的灵活扩展能力实现。

关键观点4: 右键复制单元格信息功能的实现

实现了右键复制单元格信息功能,通过监听右键点击事件,直接进行单元格内容的复制,不能拖拽选中多个单元格进行复制。

关键观点5: 最终效果

使用VTable还原了原有表格功能,包括基本表格样式、下拉菜单、性能提升等。


文章预览

‍ ‍ 本文来自 @visactor/VTable 用户投稿,该用户获得VisActor奖励的精美礼品一份! 背景 我们项目采用了 AngularJS 作为主要的技术框架,团队自行开发的表格列表及扩展功能,存在性能问题,而且扩展能力差,难以实现丰富表格功能。 我们调研各种开源解决方案,希望解决如下问题: 高性能,期望在十万数据级别,能够快速渲染,交互无卡顿,无白屏。 扩展能力强,在单元格渲染上支持一定程度的自定义。同时提供默认可用的丰富可视化效果 支持多维数据分析与展示 可以很方便的同目前技术框架(AngularJS)融合。 同时希望新表格的应用能做到如下开发体验: 功能一致性: 替换后的表格与原表格功能基本一致。 交互体验: 交互功能和使用体验得到显著提升。 VTable 调研 我们调研了多个开源表格库,从实现方式上整体分为两类: 基于dom的表格。 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览