前端html+js实现懒加载的两种常见方法

忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来

使用H5标准内置标签loading

参考：vue 实现懒加载_vue 懒加载-CSDN博客

注意事项：需要设置图片的宽高，尽量设置高度大一点，这样效果明显一点。不设置浏览器将不知道实际占位大小，会直接把图像加载过来。

代码示例：

使用JS的API——IntersectionObserver

参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver

参考文章1（推荐）：https://cloud.tencent.com/developer/article/1528620 

参考文章2（包含实例）：IntersectionObserver一分钟学会，超级简单-CSDN博客

注意事项：注意搞清楚里面各个变量代表的含义即可

示例代码：