97爱色,国产精品福利电影,印度freexxxx性农村

【W(wǎng)EB】無需JS或第三方庫，使用img標(biāo)簽的loading=＂lazy＂屬性簡單實(shí)現(xiàn)瀏覽器級別的圖片動態(tài)滾動懶加載

當(dāng)前位置：點(diǎn)晴教程→知識管理交流 →『技術(shù)文檔交流』

admin

2024年3月30日 12:35 本文熱度 1351

使用 loading 屬性實(shí)現(xiàn)瀏覽器級別的圖片懶加載

圖片懶加載是日常開發(fā)中的常見需求。我們在實(shí)現(xiàn)懶加載時大多數(shù)會使用一些現(xiàn)成的庫或者基于 Intersection Observer API 進(jìn)行處理

不過很多同學(xué)不知道的是：img 標(biāo)簽的 loading 屬性可以讓你在不編寫JavaScript代碼或使用第三方庫的情況下啟用瀏覽器級別的圖片懶加載。

看下面的源代碼：

<div style="height: 2000px"></div>

<img src="https://gips3.baidu.com/it/u=45328832,131546734&fm=3039&app=3039&f=JPEG?w=1024&h=1024" loading="lazy" />

以這種方式實(shí)現(xiàn)圖片懶加載的功能，當(dāng)頁面往下滾動的時候，圖片動態(tài)加載：

該文章在 2024/3/30 12:36:56 編輯過

狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

【W(wǎng)EB】無需JS或第三方庫，使用img標(biāo)簽的loading=＂lazy＂屬性簡單實(shí)現(xiàn)瀏覽器級別的圖片動態(tài)滾動懶加載

使用 loading 屬性實(shí)現(xiàn)瀏覽器級別的圖片懶加載