m0_56274171的博客

vue3+ts+IntersectionObserver实现图片懒加载

图片懒加载什么是图片懒加载 在页面刚打开的时候不要一次性加载全部图片,而是当进入可视区以后再显示 为什么需要做图片懒加载 提高页面的加载速度 提高用户体验感 减少不必要的带宽 懒加载的原理 将 src 的地址暂存起来,当元素出现在页面可视区时,再赋值给 img 的 src 技术点webAPI 的方法 IntersectionObservervue 3 的自定义指令使用 DOM 的 onerror 方法 处理图片加载异常代码实现1