美文网首页
一个特别简单的avalon自定义指令 图片缓存方法

一个特别简单的avalon自定义指令 图片缓存方法

作者: APICloud | 来源:发表于2018-03-09 18:38 被阅读0次

网上分享avalon的图片缓存的方法有很多,今天给大家分享一个比较简单的方法。简单粗暴,直接上代码:

image

➀ 改写avalon.js

在avalon.js中找到bindingExecutors.attr = function (val, elem, data),添加自定义指令lazy(这个是自己命名的,它的名字关系到html中的调用指令名)

代码:

image

➁ 页面中得引用

引入avalon.js这个大家应该都知道,不清楚的可以百度。

绑定图片的时候代码如下:

image

其中ms-attr-lazy="el.cover" 这个是缓冲以后的本地路径 src是图片缓存完以前显示的图片。

温馨提醒:此方法,开发者需要了解avalon框架的基本用法。

相关文章

网友评论

      本文标题:一个特别简单的avalon自定义指令 图片缓存方法

      本文链接:https://www.haomeiwen.com/subject/ebdmfftx.html