APP开发之apicloud(二)

本文介绍了在APICloud中如何实现图片缓存,强调技术应服务于业务。通过imageCache缓存技术,实现图片在完全加载前显示占位图,加载完成后替换显示。详细阐述了缓存路径判断及图片读取过程,并提供了代码封装示例。
摘要由CSDN通过智能技术生成

apicloud进阶

曾经有前辈给我讲过,不要为了技术而使用技术,技术永远只是为了服务于业务,不同段位的程序员看待技术的高度不同,技术只是技术,能用技术做出来什么样的产品才能体现个人的能力与水准,尤其是当我做了如下功能之后,在平常见到的APP里面的图片都是在图片完全缓存成功之前,先显示一张图,完全缓存完成之后再显示出来。使用技术就是apicloud中的imageCache缓存,主要是利用了Javascript的异步执行。
1)在图片读取时先通过固定的算法得到缓存路径,通过路径读取文件,看文件中是否已经缓存成功,是否存在本地路径。
2)如果存在则说明已经缓存过了,直接读取,若是没有,则采用imageCache去缓存图片,在回调中以同样的方法将数据写到标识文件中,并且替换图片显示,通过标识文件就知道图片是否缓存成功。
代码封装如下:

function saveImgPathToDir(url,data,callBack){
  //alert("写入的数据"+$api.jsonToStr(data));

  var cacheDir = api.cacheDir;
  api.writeFile({
      path: cacheDir+'/img/'+hex_md5(url)+'/img.json',
      data: JSON.stringify(data)
  }, function(ret, err){

    callBack(ret,err);
  });
}
function removeImgFromDir(url,callBack){
  var cacheDir = api.cacheDir;
  var path = c
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值