大量节点数据下elTree与zTree渲染用时对比

elementUI中的el-tree是常用的树形功能组件,其强大丰富的功能足够覆盖大多数场景;不过通用,自然也导致组件特别复杂,树节点数据量大的时候,会在性能上凸显出来。一般在几千个节点就能感受到顿卡了,如果再加上一些事件处理,卡顿将是不可接受的...

# 实例对比

为满足大数据量的树形渲染,我们引入ZTree,以下是对比: 你可以直接上手试试,数量越大越明显,可以清晰看到渲染时间的差异。

节点数:1

el-tree渲染时间:0ms

z-tree渲染时间:0ms

<GenTree></GenTree>
Show Copy

# ZTree

zTree在性能优化方面已经做到了近乎极致 那我们来看看,ZTree (opens new window)

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件(MIT 许可证)。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助 (opens new window)

因为我们是用vue开发,所以需要对其进行封装;这里是他的文档 (opens new window)

最近更新
01
echarts扇形模拟镜头焦距与可视化角度示意图
03-10
02
vite插件钩子
03-02
03
vite的依赖预构建
02-13
更多文章>