已解決430363個問題，去搜搜看，總會有你想問的

關于數據懶加載問題

關注

首頁猿問關于數據懶加載問題

JavaScript

慕森王 2019-02-27 13:13:40

目前的方案是數據在頁面加載完后全部由后端渲染到前端頁面，但是這樣速度慢，也容易造成卡頓。用戶體驗不是很好，目前想使用前端進行懶加載，那么前端如何操作呢？

查看完整描述

1 回答

翻翻過去那場雪

TA貢獻2065條經驗獲得超14個贊

懶加載可以在需要顯示圖片的時候，才下載圖片，所以可以減少服務器的壓力，避免不必要的資源下載，在頁面載入的時候將頁面上的img標簽的src指向一個站位的圖片（都是一模一樣圖片方便緩存），把真實地址存放在一個自定義屬性中，這里我用data-src來存放，例如：

然后獲取img標簽當圖片出現在可視區域的時候（和按需加載判斷的方法是一樣的）那么就把真實的src地址給賦值上

反對回復 2019-03-03

關注

舉報

0/150

提交

取消