• ADADADADAD

    redis如何处理懒加载数据[ 建站问答 ]

    建站问答 时间:2024-12-01 19:17:44

    作者:文/会员上传

    简介:

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

    以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。

    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>

    redis如何处理懒加载数据.docx

    将本文的Word文档下载到电脑

    推荐度:

    下载