javascript - Web微信通讯录解决方案

问题描述

问 题

Web微信在显示通讯录时并不是显示所有的联系人，只生成特定数量的div去显示通讯录。求这种技术实现的分析。

解决方案

涉及概念是virtual list，也就是虚拟列表。

一般来说几十个列表项是没有问题的，但如果联系人有几百上千，都带上头像的话，可就不小了，会有性能问题。

虚拟列表一般只渲染视窗范围内可见的节点，在滚动的同时渲染后面的列表项。

具体可参考：
Framework 7 虚拟列表
Github的一个virtual-list的库

这篇关于javascript - Web微信通讯录解决方案的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！