一、寫在前面
圖片懶加載是我們在開發中，需要進行處理的問題，也是前端性能優化的一個重要的因素。
二、手寫懶加載

<script>function lazyload() {const imgs = document.querySelectorAll('img')const len = imgs.lengthconst viewHeight = document.documentElement.clientHeightconst scrollHeight = document.documentElement.scrollTop || document.body.scrollTopfor (let i = 0; i < len; i++) {const offsetHeight = imgs[i].offsetTopif (offsetHeight < viewHeight + scrollHeight) {const src = imgs[i].dataset.srcimgs[i].src = src}}}window.addEventListener('scroll', lazyload)</script>

總結

以上是生活随笔為你收集整理的前端手写(二十二)——手写图片懒加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。