GIF动画，表示有什么东西在计算？什么是更好的选择？

Question

我写了一些javascript，而如果你点击一些div，那些扩展了一些数据。 填充div需要几秒钟。 因此，为了避免用户感到沮丧，我做了以下事情：

• 如果用户点击div，则在div上添加动画gif（移动栏，...）
• 当数据准备就绪时触发事件并移除动画gif

有人可以提出更好的方法或模式吗？ 因为我不知道浏览器渲染GIF动画有多贵......

感谢

Answer 1

在性能方面，渲染GIF并不是非常昂贵。显示动画GIF加载器等绝对比等待时间无所事事更好。对于用户来说，知道发生的事情要比之前的瞬间完成更为重要。

Answer 2

只要GIF本身很小且properly preloaded，这是一个很好的方法。

Answer 3

最好的方法是在收到信息时逐步显示信息，但从最开始的最终形式。这说起来容易做起来难。浏览器通过在收到它们时呈现不同的页面元素来完成其中的一半但在另一半时通过在接收到格式化信息时移动事物并使您认为在实际允许它之前可以执行某些操作而失败。

第二个最好的方法是拥有一个GIF动画，可以显示该过程需要多长时间。许多系统在此完全失败，并被比作汽车导航系统，上面写着“估计到达时间10分钟...... 8分钟...... 2天...... 1秒...... 3小时。”

由于这些失败，我会说你正在做的是正确的事。