图片懒加载的原理

图片懒加载的原理只要判断出来图片到可视区，就把src设置成真实的图片地址

• 如何判断一个元素有没有到可视区

  • 思路一 通过页面滚出去的高度+视口的高度和图片到文档顶部的高度是不是相等来判断的，缺点是需要结合window.onscroll,性能不好
  • 思路二 IntercetionObserver有这个新的api,异步并且性能很好

了解细节参考 vue3js.cn/interview/J…