Recliner.js是一个超级轻量级jQuery插件,压缩后只有1KB,用于延迟加载图像、iFrames和其他动态Ajax内容。懒加载从来没有这么好的感觉。
当我们的客户之一在他们的一个媒体大移动新闻网站上带着巨大的滚动滞后来到我们的时候,这个脚本就诞生了。结果发现lazy-load-xt是罪魁祸首,所以我们自然地测试了其他懒加载脚本,但是其中并没有符合我们的简单标准:
轻量级在元素上设置有状态的CSS类。为自定义行为重写事件回调的能力可装任何动态内容,图像、iframes和ajax移动友好打印机友好Recliner.js目前使用在一些非常高的交通站点,所以它是很好的测试和生产准备。
安装如果你用bower然后键入:
bowerinstallcliner
或者如果你喜欢用npm然后继续输入:
npminstalljquery-cliner
否则,只需下载cliner.min.js并将其放入资源文件夹中即可。
使用将jQuery.x或1.x和Recline添加到HTML源代码中:
scriptsrc="//code.jquery.