本系列文章是本人學習相關知識時所積累的筆記，以記錄自己的學習歷程，也爲了方便回顧知識；故文章內容較爲隨意簡練，抱着學習目的來的同學務必轉移他處，以免我誤人子弟~
關鍵原理：
將img標籤的src設爲空或佔位圖的地址，將真實的圖片地址放在標籤的data-*屬性裏面，在img元素滾動到可視區域後，src的值更新爲data-*存放的值
未加載：<img src="./placeholder.jpg" data-src="./imgs/realimg.jpg" />
已加載：<img src="./imgs/realimg.jpg" data-src="./imgs/realimg.jpg" />