大量节点数据下elTree与zTree渲染用时对比
elementUI中的el-tree是常用的树形功能组件,其强大丰富的功能足够覆盖大多数场景;不过通用,自然也导致组件特别复杂,树节点数据量大的时候,会在性能上凸显出来。一般在几千个节点就能感受到顿卡了,如果再加上一些事件处理,卡顿将是不可接受的...
# 实例对比
为满足大数据量的树形渲染,我们引入ZTree,以下是对比: 你可以直接上手试试,数量越大越明显,可以清晰看到渲染时间的差异。
节点数:1
el-tree渲染时间:0ms
z-tree渲染时间:0ms
Copy
# ZTree
zTree在性能优化方面已经做到了近乎极致 那我们来看看,ZTree (opens new window)
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件(MIT 许可证)。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助 (opens new window)。
因为我们是用vue开发,所以需要对其进行封装;这里是他的文档 (opens new window)。