图片延时加载

移动端延时加载 我是用的第三方控件：echo.min.js ，直接百度就可以搜索到（不需要依赖jquery等其他库，直接就可以使用）

代码

我使用的是vue，但是不管你用的是什么框架，或者你没用框架，写法都一样

1、页面引入js
<script type="text/javascript" src="../../script/echo.min.js"></script>

2、页面图片需要异步加载的地方修改如下:

<img onerror="this.src='../../image/commonimg/video@3x.png'" src="../../image/commonimg/video@3x.png" 
:data-echo='everyVideo.bgimg' alt="banner图片">

onerror :如果图片加载错误，就用默认的图片
src: 默认的图片，和onerror一样
data-echo: 真实图片地址
原理就是当真实 图片加载完成之后用data-echo地址 替换src地址

3、统一配置方法common.js中添加通用方法：

function echoInit() {
        echo.init({
                offset : 0,
                throttle : 0 //设置图片延迟加载的时间
        });
}

4. 页面需要加载异步的时候，调用通用方法：
app.echoInit();