微信小程序之数据缓存实例-备忘录

    数据缓存在移动端的使用是非常重要的,既可以减少用户的流量支出又可以提高程序的访问速度和用户体验。每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。

    一、 Wx.setStorage(OBJECT)

    将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。

      object参数说明:

    示例代码:

wx.setStorage({

  key:"key",

  data:"value"

})

 

  • wx.setStorageSync(KEY,DATA)

      将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。

    参数说明:

 

    示例代码:

try {

    wx.setStorageSync('key', 'value')

} catch (e) {    

}

 

  •  wx.getStorage(OBJECT)

    从本地缓存中异步获取指定 key 对应的内容。

      OBJECT参数说明:

    success返回参数说明:

   示例代码:

wx.getStorage({

  key: 'key',

  success: function(res) {

      console.log(res.data)

  }

})

 

  • wx.getStorageSync(KEY)

    从本地缓存中同步获取指定 key 对应的内容。

    参数说明:

    示例代码:

try {

  var value = wx.getStorageSync('key')

  if (value) {

      // Do something with return value

  }

} catch (e) {

  // Do something when catch error

}

 

  • wx.getStorageInfo(OBJECT)

   异步获取当前storage的相关信息

    OBJECT参数说明:

    示例代码:

wx.getStorageInfo({

  success: function(res) {

    console.log(res.keys)

    console.log(res.currentSize) 

    console.log(res.limitSize)

  }

})

 

  • wx.getStorageInfoSync

    同步获取当前storage的相关信息

    示例代码:

try {

  var res = wx.getStorageInfoSync()

  console.log(res.keys)

  console.log(res.currentSize)

  console.log(res.limitSize)

} catch (e) {

  // Do something when catch error

}

 

  • wx.removeStorage(OBJECT)

    从本地缓存中异步移除指定 key 。

    OBJECT参数说明:

 

    示例代码:

wx.removeStorage({

  key: 'key',

  success: function(res) {

    console.log(res.data)

  }

})

 

  •  wx.removeStorageSync(KEY)

    从本地缓存中同步移除指定 key 。

    参数说明:

    示例代码:

try {

  wx.removeStorageSync('key')

} catch (e) {

  // Do something when catch error

}

 

  • wx.clearStorage()

    清理本地数据缓存。

    示例代码:

wx.clearStorage()

  • wx.clearStorageSync()

    同步清理本地数据缓存

    示例代码:

try {

    wx.clearStorageSync()

} catch(e) {

  // Do something when catch error

}

 

    项目效果:

 

最新文章

  1. java22
  2. PL/SQL远程备份和恢复Oracle数据库
  3. 从一个ISP移至另一个ISP而不改变IP的方案
  4. NHibernate和 FluentNHibernate
  5. linux命令行与shell脚本编程大全---更多bash shell命令
  6. 判断远程图片是否存在【适用于windows服务器】
  7. MongoDB工具介绍
  8. 【JavaScript学习笔记】hello world
  9. Spring Data JPA教程, 第七部分: Pagination(未翻译)
  10. print,print_r,echo,var_dump,var_export比较
  11. 腾讯 AlloyCrop 1.0 发布
  12. PYTHON:新闻聚合
  13. python︱函数、for、_name_杂记
  14. 如何将html特殊字符编码转换成特殊字符_html十进制编码字符转回来
  15. Python第九课学习
  16. python windows环境响铃
  17. Python学习—基础篇之基本数据类型(二)
  18. Sort Array By Parity II LT922
  19. android js与控件交互初探。
  20. Android 自己写一个打开图片的Activity

热门文章

  1. 用SAXReader解析xml文档【转】
  2. [APIO2014]回文串 后缀自动机_Manancher_倍增
  3. Java基础学习总结(20)——基础语法
  4. Watcher详解 工作机制, Watcher客户端注册、Watcher 服务端注册
  5. 深度拷贝java对象
  6. CoAP与物联网系统
  7. BZOJ 3544 treap (set)
  8. 分享一段官date函数用法
  9. Oracle数据库IP访问限制(IP白名单黑名单)
  10. c#时间差高精度检查