前言：关于懒加载这个问题呢，是我大三暑假接到的一个电话面试问到的问题，当时我回答了大致的思路，但是极其含糊，离真正的实现还是有差距的，如今过了快一年了，现在我就来实现一下吧~

原理: 原理很简单，我们不用想的很复杂。就是让img的src为空，图片的真实地址可以存储在img一个自定义的属性里，就比如date-src吧，等到目标图片出现在视野了，把data-src里的值赋给src。

实现懒加载必备知识：

上面提到自定义属性，那么如何获取自定义属性呢？用getAttribute（属性名）

除此之外，我们还需要知道clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop的区别以及所代表的含义，说实话，我自己也很模糊，每次使用的时候都需要查一下，相信很多人也跟我一样，那具体的我这里就不细说了，我查看了一些博客，觉得有一篇写的挺好，这里我直接上图（别问我为什么，因为我懒~）

这里我把这篇文章的地址给大家：

那么下面我将把自己的代码直接展示出来：

    
        
        
                                        复制代码

总之：希望大佬们多多指教，给点意见~