滾動加載圖片（懶加載）實現原理

本文主要通過以下幾方面來說明懶加載技術的原理，個人前端小菜，有錯誤請多多指出 一、什麼是圖片滾動加載？ 　　通俗的講就是：當訪問一個頁面的時候，先把img元素或是其他元素的背景圖片路徑替換成一張大小爲1*1px圖片的路徑（這樣就只需請求一次），只有當圖片出現在瀏覽器的可視區域內時，才設置圖片正真的路徑，讓圖片顯示出來。這就是圖片懶加載。 二、爲什要使用這個技術？ 　　比如一個頁面中有很多圖片，如淘

>>阅读原文<<