懶加載

題目一

function isVisible($node){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            return true
        }
        return false
}

題目二

$(window).on('scroll',function(){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            console.log(true)
        }
})

題目三

$(window).on('scroll',function(){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            if(!$node.attr('loaded'){
                console.log(true)
                $node.addClass('loaded')
            })
        }
})

題目四

對于所有的Img標(biāo)簽,把真實(shí)的地址放入自定義屬性里,因此平時(shí)圖片不會(huì)加載
滾動(dòng)頁面時(shí),檢查所有img標(biāo)簽,是否出現(xiàn)在視野中,再判斷是否加載過,如果沒有則加載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 什么是懶加載 對于用戶暫時(shí)不需要的數(shù)據(jù),不在頁面打開的時(shí)候就去發(fā)送請求,設(shè)置一個(gè)條件,當(dāng)用戶觸發(fā)條件的時(shí)候再去加載...
    劉圣凱閱讀 311評論 0 0
  • 題目1:如何判斷一個(gè)元素是否出現(xiàn)在窗口可視范圍(瀏覽器的上邊緣和下邊緣之間,肉眼可視)。寫一個(gè)函數(shù) isVisib...
    阿魯提爾閱讀 396評論 0 1
  • 正月初十,是同科春節(jié)長假后上班的第一天,為讓員工在雞年里工作生活都“天天向上”,滿懷喜悅和激情開始新一年的征程,領(lǐng)...
    toneker閱讀 286評論 0 0
  • 第八次打卡作業(yè)布置下來的時(shí)候,我糾結(jié)了很久。寫下這個(gè)標(biāo)題的時(shí)候,我又是頓感無力,我覺得我簡陋的筆觸,蒼白的...
    還是那海閱讀 488評論 10 50

友情鏈接更多精彩內(nèi)容