存储问题/抽认卡的JS数组或隐藏div？

Question

我正在制作一个展示问题/抽认卡的网站。首先，我从服务器加载一组闪存卡(最初我想单独加载每个闪存卡，但这需要太多的MySQL查询)，然后用户可以逐个查看它们。例如，可能有30张甚至300张抽认卡。我在一个单独的div中加载它们，并使用css显示，我只显示堆栈中的第一个，而其他的闪存卡是隐藏的。然后，可以使用jQuery将闪存卡移动到末尾或从堆栈中移除。我想知道，将闪存卡存储在javascript数组中是不是更好，然后打印包含第一个闪存卡的数组的第一个元素？你会发现哪种做法更好/更快？或者他们两个都一样好？

Answer 1

最终，您必须对不同的方法进行基准测试才能确定，因为有许多变量可能具有难以预测的影响。根据情况的不同，可能不值得这么麻烦。以下是一些基本注意事项：

• 如果您必须支持的闪存卡数量没有上限，请考虑使用AJAX一次加载一张的方法。后端MySQL查询过多的问题可能需要通过MySQL调整或在后端缓存查询结果来解决。
• 如果您的目标是特定的设备或操作系统或浏览器，请测试该设备或操作系统或浏览器的性能。例如，对于大型JavaScript数组和许多DOM操作，移动电话可能性能不佳，或者非AJAX解决方案在慢速网络上加载可能需要太长时间，或者如果包含图像或其他内容，您可能会遇到文档大小限制。不过，这些都是我编的。你需要实际测试。
• 如果闪存卡的数量有一个已知的上限，而且这个上限相当小，那么你正在考虑的一次性加载技术可能更有吸引力。我曾经做过一个有10个问题的愚蠢的测验应用程序，没有使用AJAX，因为测验的规模太小了。(我编写它的目的是为了在需求发生变化时可以很容易地放弃AJAX-y方法，但它们从来没有这样做过。)
• 考虑了一种真正的可能性，那就是这并不重要--性能上的差异非常小，您应该只做对您有用的事情。如果站点需要扩展到100万并发用户，情况就不是这样了。但如果是针对15个人的班级，那么，您可能不想花费大量时间进行基准测试。(我猜这是与你提出的具体问题最接近的实际答案。)