vue图片懒加载不考虑兼容性和考虑兼容性做法有哪些

　　vue图片懒加载：①不考虑兼容性做法（你认为最好处理最效率的）②考虑兼容性做法

　　1、场景： 一个网页如果包含了很多的图片，那么，服务器压力就会很大。不仅影响渲染速度还会浪费带宽。 通俗的说：你不看的图片我先不加载，也许你不看呢(哈哈)，我何苦要做无效的事情呢 你想看时，我再加载(哈哈)

　　2、原理：

　　1)、先将img标签的src链接设为同一张图片(默认图片：可以是loading)，把图片的实际地址赋给一个自定义属性。这时候所有的图片只发送一次请求。

　　2)、然后，当js监听到某张图片进入可视窗口时(说明你想看了)，再将实际地址赋给src属性。

　　src属性的值发生变化时，浏览器才会发送请求加载当前图片。如果图片没有进入可视区域，就不会加载图片(说明你还没想看呢)，这样就大大的提高了效率。

　　3、示例代码(兼容性在代码中有注释)： Document

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。