懶加載

題目一

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標簽,把真實的地址放入自定義屬性里,因此平時圖片不會加載
滾動頁面時,檢查所有img標簽,是否出現在視野中,再判斷是否加載過,如果沒有則加載

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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