它们用于延迟加载的是什么?

时间:2015-12-04 04:36:04

标签: javascript html css

最近我在几个网站(Facebook,TOI等)上看到了这一点,这看起来像是异步延迟加载内容。 css首先显示移动繁忙等待效果,然后一段时间后内容加载。

enter image description here

我知道这是一个填充数据的异步ajax调用。我的问题是,这是简单的ajax调用busy-wait css效果还是有任何特殊的库提供这种类型的功能?我问的原因是因为我在几个网站上看到完全相同的效果。要么所有这些都非常擅长复制这种效果,要么就是有一个标准库。

非常感谢,

1 个答案:

答案 0 :(得分:1)

  

有人可以指我到他们用来做这个的图书馆吗?

这只是一个占位符动画,在实际内容呈现之前填充该区域。

您可以通过设置动画gif来实现此功能,例如,这是元素的默认内容,加载实际内容时,它只取代动画gif

这个概念与等待内容加载时加载轮相同。

  

这叫什么?

内容通常会加载某种AJAX请求。如果您对AJAX的概念不熟悉,请随时详细了解here

AJAX基本上是在网页上异步呈现的数据。

注意:

要回答有关执行此操作的特定图书馆的问题,我不知道。核心概念很简单 - 在数据准备好之前填充元素 ,当数据准备就绪时,只需替换内容。

我认为这些特定的网站只是有自己的效果实现,因为如果你真的对动画很好的话,我猜测它是非常微不足道的。