云服务器网:购买云服务器和VPS必上的网站!

怎么处理:redis怎么处理懒加载数据

redis怎样处理懒加载数据redis处理懒加载数据的方法:1.写一个函数判断元素是否是出现在可视范围内。2.添加事件监听函数。3.使元素只在第一次被检查到时打印true,以后不再打印。redis处理懒加载数据的方法:1.写一个函数判断元素是否是出现在可视范围

redis怎样处理懒加载数据

redis处理懒加载数据的方法:1.写一个函数判断元素是否是出现在可视范围内。2.添加事件监听函数。3.使元素只在第一次被检查到时打印true,以后不再打印。

redis处理懒加载数据的方法:

1.写一个函数判断元素是否是出现在可视范围内,代码:

<script>

functionisVisible($node){

varwinH=$(window).height(),

scrollTop=$(window).scrollTop(),

offSetTop=$(window).offSet().top;

if(offSetTop<winH+scrollTop){

returntrue;

}else{

returnfalse;

}

}

</script>

2.添加事件监听函数,代码:

<script>

$(window).on("scroll",function{

if(isVisible($node)){

console.log(true);

}

})

</script>

3.使元素只在第一次被检查到时打印true,以后不再打印,代码:

<script>

varhasShowed=false;

$(window).on("sroll",function{

if(hasShowed){

return;

}else{

if(isVisible($node)){

hasShowed=!hasShowed;

console.log(true);

}

}

})

</script>

本文来源:https://www.yuntue.com/post/58484.html | 云服务器网,转载请注明出处!

关于作者: yuntue

云服务器(www.yuntue.com)是一家专门做阿里云服务器代金券、腾讯云服务器优惠券的网站,这里你可以找到阿里云服务器腾讯云服务器等国内主流云服务器优惠价格,以及海外云服务器、vps主机等优惠信息,我们会为你提供性价比最高的云服务器和域名、数据库、CDN、免费邮箱等企业常用互联网资源。

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注