懒加载实现原理及步骤

有一次面试被问到 请说一下懒加载原理， 当时脑子忽然一片空白，没有一点思路  着实很打脸啊，

回来恶补功课 记录一下

进入正题------懒加载

1、懒加载原理 个人理解

一张图片就是一个img标签，浏览器是否发起请求图片是根据img的src属性，所以实现懒加载的关键就是，在图片没有进入可视区域时，先不给img的src赋值，这样浏览器就不会发送请求了，等到图片进入可是区域再给src赋值

2、懒加载思路及实现

        实现懒加有四个步骤：

                （1） 加载loading图片

                （2）判断哪些图片要加载

                （3）隐形加载图片

                （4）替换真图片

        第一：加载loading图片是在html文本里面实现的

第二：如何判断图片进入可视区域：