我计划使用伟大的同位素插件来显示联系人列表，然后允许它们被过滤。我遇到的问题是它适用于小型数据集，但我不确定将其扩展到 1000 多条数据的最佳方法。
到目前为止，我的想法是：
我不确定这些是否能正常工作，我希望其他人遇到过这种情况并能给我一些想法。
【问题讨论】：
您描述的情况很常见：如何让您的用户访问比他们一次可以看到的详细数据更多的数据。
有几种方法可以回答问题，而正确答案完全是主观的：这取决于您的用户试图查看或处理联系人的内容。在您真正获得满意的解决方案之前，您需要知道用户将使用联系人做什么。
只是猜测（但你会比我更清楚！），我预计他们正在做两件事：
如果您对所有解决方案进行过滤，那么 Lookup 目标就很容易实现。探索目标是您想要设计的目标：
我想如果我站在你的立场上，我会介绍一些联系人集群。我怀疑 1000 多个联系人在很大程度上是一个性能问题（你说的是一百万！），所以 10000 多个实际上是一个用户限制：他们不能一次查看 1000 个联系人。
我建议引入一些聚类，可能是通过姓氏或姓氏和名字。然后向用户展示一种钻入一个集群但折叠所有其他联系人的方法，这样他们就不会立即可见。 accordian/rollodex paradigm 范围内的东西。这会让您的用户产生他们正在与“所有联系人”一起工作的错觉。可能为每个集群引入一个最小数量，这样如果集群足够小，您就不必费心显示它（即，为什么要为 2 个或 3 个或 5 个联系人显示一个集群 - 只显示联系人）。随着过滤器的应用，集群会消失。
【讨论】：
采用 Read Through Cache 的想法，类似于：
加载区域可以很简单：
<html>
<body>
<!-- the page stuff -->
<div id="loader" style='display:none'>
<!-- all elements are loaded here -->
<div class="item">...</div>
</div>
</body>
</html>
这样你可以在DOM中一步一步加载所有元素，并且只显示需要的。
【讨论】：
我在添加和排列大量同位素项目时遇到性能不佳的问题，这是因为我是增量添加项目而不是批量添加项目。这应该是一个显而易见的选择，但我忽略了一些事情。
请务必使用数组或元素列表，而不是单独加载或删除。
incomingData=['<div>a</div>','<div>b</div>'];
elements=[];
jQuery.each(incomingData,function(ind,val){
var element = jQuery(val).get(0);
//$container.isotope('insert', element); //resource heavy
elements.push(element);
});
$container.isotope( 'insert', elements ); //less processing
【讨论】：