一、wxapp-img-loader
知识点:Image组件
、bindload回调
、binderror 回调
、微信原生对图片下载自动以url为key进行缓存
、占位图
实现原理:
利用一个宽高都为0的看不见的image下载要最终显示的目标图片,然后监听bindload
、binderror
方法,当这个看不见的image下载完成或下载失败的回调里再次设置要显示的image的目标src,这样利用微信本身的图片加载缓存的原理,第二次加载之前已经下载过的图片会立刻显示出来
优点:
这个框架本身设计的思路很简洁优雅,值得借鉴,可以用于一般APP常用的那种defaultImage的展示,即在图片还没有加载到或加载失败时显示默认占位图,类似iOS里的SDWebImage的功能
缺点:
使用起来不是很方便,尤其是在实际业务中有多个位子多张图片要显示时,处理起来非常麻烦,尤其在做过原生iOS或Android开发的人比较起SDWebImage这种框架,这个使用要做太多额外处理
总结:
把下载、缓存、设置图片URL都交由微信原生来做、本框架只做一个还未下载完成时显示另一张图片的障眼法
网友评论