前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序---微信本地存储的方法使用

小程序---微信本地存储的方法使用

作者头像
半指温柔乐
发布2019-06-03 08:40:13
2.1K0
发布2019-06-03 08:40:13
举报
文章被收录于专栏:前端知识分享前端知识分享

我们在开发的过程中,常常会用到本地存储,下面我给大家分享一下微信本地存储的使用。

一、数据支持

需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

二、方法

1、同步

(1)wx.setStorageSync();  //存储值
代码语言:javascript
复制
1 try {
2   wx.setStorageSync('key', 'value')
3 } catch (e) {
4 
5  }
(2)wx.removeStorageSync();   // 移除指定的值
代码语言:javascript
复制
1 try {
2   wx.removeStorageSync('key')
3 } catch (e) {
4   // Do something when catch error
5 }
(3)wx.getStorageSync();  // 获取值
代码语言:javascript
复制
1 try {
2   var value = wx.getStorageSync('key')
3   if (value) {
4     // Do something with return value
5   }
6 } catch (e) {
7   // Do something when catch error
8 }
(4)wx.getStorageInfoSync();  // 获取当前 storage 中所有的 key
代码语言:javascript
复制
1 try {
2   const res = wx.getStorageInfoSync()
3   console.log(res.keys)
4   console.log(res.currentSize)
5   console.log(res.limitSize)
6 } catch (e) {
7   // Do something when catch error
8 }
(5)wx.clearStorageSync();  // 清除所有的key
代码语言:javascript
复制
1 try {
2   wx.clearStorageSync()
3 } catch(e) {
4   // Do something when catch error
5 }

2、异步

(1)wx.setStorage();  //存储值

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

代码语言:javascript
复制
1 wx.setStorage({
2   key:"key",
3   data:"value"})
(2)wx.removeStorage();   // 移除指定的值
代码语言:javascript
复制
1 wx.removeStorage({
2   key: 'key',
3   success (res) {
4     console.log(res)
5   }})
(3)wx.getStorage();  // 获取值
代码语言:javascript
复制
1 wx.getStorage({
2   key: 'key',
3   success (res) {
4     console.log(res.data)
5   }})
(4)wx.getStorageInfo();  // 获取当前 storage 中所有的 key
代码语言:javascript
复制
1 wx.getStorageInfo({
2   success (res) {
3     console.log(res.keys)
4     console.log(res.currentSize)
5     console.log(res.limitSize)
6   }})
(5)wx.clearStorage();  // 清除所有的key
代码语言:javascript
复制
1 wx.clearStorage()

  以上就是微信给我们提供的本地存储的方法,希望对大家有帮助!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-06-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、数据支持
  • 二、方法
    • 1、同步
      • (1)wx.setStorageSync();  //存储值
      • (2)wx.removeStorageSync();   // 移除指定的值
      • (3)wx.getStorageSync();  // 获取值
      • (4)wx.getStorageInfoSync();  // 获取当前 storage 中所有的 key
      • (5)wx.clearStorageSync();  // 清除所有的key
    • 2、异步
      • (1)wx.setStorage();  //存储值
      • (2)wx.removeStorage();   // 移除指定的值
      • (3)wx.getStorage();  // 获取值
      • (4)wx.getStorageInfo();  // 获取当前 storage 中所有的 key
      • (5)wx.clearStorage();  // 清除所有的key
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档