小程序之圖片懶加載

小程序之圖片懶加載 效果圖 既然來了,把妹子都給你。 定義 懶加載,前端人都知道的一種性能優化方式,簡單的來說,只有當圖片出現在瀏覽器的可視區域內時,才設置圖片正真的路徑,讓圖片顯示出來。這就是圖片懶加載。 實現原理 監聽頁面的scroll事件,判讀元素距離頁面的top值是否是小於等於頁面的可視高度 判斷邏輯代碼如下 element.getBoundingClientRect().top <= d
相關文章
相關標籤/搜索