懶加載和預(yù)加載
發(fā)布時間:2017年07月16日
作者:
IT網(wǎng)絡(luò)文摘
(該文來自筆記,點(diǎn)擊查看原文)
一、懶加載
介紹
條件加載:符合某些條件,或觸發(fā)了某些事件,才將自定義屬性中的地址存儲到src屬性中,開始異步加載
可視區(qū)加載:僅加載用戶可以看到的區(qū)域。當(dāng)js監(jiān)聽到該圖片元素進(jìn)入可視窗口時,將自定義屬性中的地址存儲到src屬性中,開始異步加載。
var lazyLoad = (function(){ var clock;
function init(){ //監(jiān)聽瀏覽器滾動事件,持續(xù)滾動后停留200ms才會觸發(fā)checkShow()
$(window).on("scroll", functio