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>