超簡單的圖片懶加載

圖片懶加載 爲了優化網頁性能，減少網絡資源的浪費，我們經常會在有大量靜態資源圖片時，進行圖片懶加載，接下來看看具體操作吧 1.先把所有圖片的路徑寫入data-src中（此時頁面不會顯示圖片） 2.可以設置一些css動畫特效 3.監聽外部div的scroll滾動事件，當圖片進入可視區域(imgTop - boxTop <= box.clientHeight)時，設置圖片的src爲data-src的值

>>阅读原文<<