小程序---本地存储的方法

简介: 我们在开发的过程中,常常会用到本地存储,下面我给大家分享一下微信本地存储的使用。 一、数据支持需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。 二、方法1、同步(1)wx.

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

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

二、方法
1、同步
(1)wx.setStorageSync(); //存储值
try {
wx.setStorageSync('key', 'value')
} catch (e) {

}

(2)wx.removeStorageSync(); // 移除指定的值
try {
wx.removeStorageSync('key')
} catch (e) {
// Do something when catch error
}
(3)wx.getStorageSync(); // 获取值
try {
var value = wx.getStorageSync('key')
if (value) {

// Do something with return value

}
} catch (e) {
// Do something when catch error
}

(4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key
try {
const res = wx.getStorageInfoSync()
console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)
} catch (e) {
// Do something when catch error
}

(5)wx.clearStorageSync(); // 清除所有的key
try {
wx.clearStorageSync()
} catch(e) {
// Do something when catch error
}

2、异步

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

(2)wx.removeStorage(); // 移除指定的值
wx.removeStorage({
key: 'key',
success (res) {

console.log(res)

}})
(3)wx.getStorage(); // 获取值
wx.getStorage({
key: 'key',
success (res) {

console.log(res.data)

}})

(4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key
wx.getStorageInfo({
success (res) {

console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)

}})
(5)wx.clearStorage(); // 清除所有的key
wx.clearStorage()

相关文章
|
3天前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
|
13天前
|
缓存 小程序 数据库
小程序页面之间(传值)传递数据的方法
小程序页面之间(传值)传递数据的方法
|
1月前
|
小程序
微信小程序APPID的两种查看方法
查看微信小程序APPID的两种方法:1) 在小程序内点击右上角“...”,进入查看页面,点击“更多资料”查看;2) 登录微信公众平台([https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)),进入【设置】查看“账号信息”。
340 1
|
1月前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
40 0
|
1月前
|
小程序
【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)
【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)
73 0
|
1月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
24 0
|
1月前
|
小程序 定位技术 开发工具
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
13 0
|
3月前
|
存储 JSON 小程序
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
本文档介绍了DWG数据库中图层的存储结构及MxCAD库对图层的操作。图层信息存储于图层层表McDbLayerTable()中,每个记录对应一个图层,包含颜色、线型等属性,且有一个不可删除的默认"0"层。主要操作包括:通过MxCpp.getCurrentMxCAD()获取图层表,使用addLayer()添加图层,遍历图层,以及删除图层。此外,还展示了如何修改图层的关闭、冻结、锁定状态及颜色。提供了在线示例以演示这些功能。
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
|
2月前
|
小程序
微信小程序上传图片的三种方法
微信小程序上传图片的三种方法
|
2月前
|
存储 缓存 移动开发
如何在微信小程序中使用本地存储
如何在微信小程序中使用本地存储

热门文章

最新文章