微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API
本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串。微信小程序提供了以下API函数。
8.1 同步存储与调用
wx.setStorageSync(string key, Object|string data)
其中key代表关键词;data代表一段字符串数据。只能是字符串。
Object|string wx.getStorageSync(string key)
其中key是关键词参数,返回值为一个字符串。
具体事例如下:
wx.setStorageSync("DaysRemain", days1);wx.setStorageSync("Notice", days2);
8.2 异步存储与调用
wx.getStorage(Object object)
从本地缓存中异步获取指定 key 的内容
其中object为一个对象,其具有以下内容
属性 | 类型 | 默认值 | 是否必填 | 说明 | 支持版本 |
---|---|---|---|---|---|
key | string | 是 | 本地缓存中指定的 key | ||
success | function | 否 | 接口调用成功的回调函数 | ||
fail | function | 否 | 接口调用失败的回调函数 | ||
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
其中success回调函数的res对象带有data数据,res.data
举例如下:
wx.getStorage({//获取数据的keykey: 'key',success: function(res) {console.log(res)},/*** 失败会调用*/fail: function(res) {console.log(res)}})
wx.setStorage(Object object)
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容
其object对象如下:
属性 | 类型 | 默认值 | 是否必填 | 说明 | 支持版本 |
---|---|---|---|---|---|
key | string | 是 | 本地缓存中指定的 key | ||
data | Object/string | 是 | 需要存储的内容 | ||
success | function | 否 | 接口调用成功的回调函数 | ||
fail | function | 否 | 接口调用失败的回调函数 | ||
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
具体事例如下所示:
wx.setStorage({key: 'key',data: '我是storeage异步存储的信息',success: function(res) {console.log(res)}fail:function(res){console.log(res)} })
说明:同步异步的主要区别在于异步可以书写回调函数。
8.3 清除某关键词函数
wx.removeStorage(Object object)//异步清除,其object对象内容与之前一致。
wx.removeStorageSync(string key)//同步清除
8.4 清除所有缓存
wx.clearStorage(Object object)//异步清除
wx.clearStorageSync()//wx.clearStorage 的同步版本
8.5 获取所有信息
wx.getStorageInfo(Object object)
异步获取当前storage的相关信息
其也对应有success函数、fail函数。成功后他会携带一个res入口对象,res具有以下属性。一则为key的数组。二则为大小;我们可以将key数据保存到一个数组中,如此就知道缓存中有什莫数据了。
属性 | 类型 | 说明 | 支持版本 |
---|---|---|---|
keys | Array.<string> | 当前 storage 中所有的 key | |
currentSize | number | 当前占用的空间大小, 单位 KB | |
limitSize | number | 限制的空间大小,单位 KB |
Object wx.getStorageInfoSync()
wx.getStorageInfo 的同步版本
此函数返回值为一个对象,该对象具有的参数和上述一致。
8.6 调试工具
在Debug界面有调试工具storage,我们可以通过观察storage的变化来检测数据的变化。
【小任务】
制作一个TODOlist实现备忘录功能,添加一个事件,就将此事件保存到本地数据中,事件我们存储在对象列表中,每一个事件包含:完成情况、事件描述。其他你可以自己增加。
点击此处查看作业解析
(本案例代码可以在博主github上查看)
转载于:https://www.cnblogs.com/flyingjun/p/9651059.html
微信小程序学习Course 8 本地缓存API相关推荐
- 微信小程序————搜索框获取本地缓存搜索记录
微信小程序获取本地缓存的搜索记录 html <!--index.wxml--> //这里是搜索框 <view class="box_search">< ...
- 打造个人版微信小程序(1)——本地开发api接口调用
如果觉得这篇文章对您有所启发,欢迎关注我的公众号,我会尽可能积极和大家交流,谢谢. 从今天开始,开始打造一个个人版的微信小程序,尽早上线,方便大家使用以及技术讨论.这套小程序包括前台.后台.数据库 ...
- 微信小程序学习(五):使用本地缓存,完成默认登录、、alert的使用、、引用全局变量,app.jsh中的变量
微信小程序学习(五):使用本地缓存,完成默认登录 一开始想在app.js里面通过全局变量来实现默认登录状态的,但是没有用,每次重启还是要登录,在网上找了些资料后,可以用本地缓存, 这个是js文件 这是 ...
- 2020微信小程序学习报告.2.17-3.1.(三)
微信小程序学习报告应学校课程要求,特此记录首先,小程序知识点: wx.request的使用:发https请求,一个小程序同时只能有5个网络请求,https的参数里,url是接口地址,method是请求 ...
- 微信小程序学习笔记(1)
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构 当开发者新建一个工程时,项目文件包 ...
- 微信小程序学习:(二)app.js及index.js详解
微信小程序学习:(二)app.js及index.js详解 项目地址:https://github.com/leoricding/- 在用ide创建小程序项目时,系统默认为我们创建了一个hellowor ...
- 微信小程序学习(1)-基础开发
学习微信小程序 微信小程序学习(1) 微信小程序学习(2) 文章目录 学习微信小程序 注册和初始化 小程序配置 tabbar导航栏 模板插样与WXML 循环渲染 条件渲染 模板 微信小程序脚本WXS ...
- 微信小程序学习之路(一)
微信小程序学习之路(一) 1.前言 2.准备工作 (1).IDE的选择 (2).微信小程序的文件说明 (3)开发者用户注册 3.编写 (1).新建项目 (2).代码的编写 3.代码的发布以及审核 1. ...
- 微信小程序-注册登录功能-本地数据保存-页面数据交替
Title:微信小程序-注册登录功能-本地数据保存-页面数据交替 完美-小程序登录注册功能.rar-- 访问码:yqa5 1.主页面 主页面login.js代码 // pages/login/logi ...
最新文章
- 群论中的拉格朗日定理(子群的阶必然能整除群阶---数学
- 使用Apache Commons Configuration读取配置信息
- python线性回归实例_sklearn+python:线性回归案例
- javaScriptDay01
- [bzoj4034]树上操作
- hal库选择滴答时钟函数_stm32h7“理解hal库框架”
- 打开应用蜂窝移动数据就关闭_基于移动应用行为数据的客户流失预测
- $Django importlib与dir知识,手写配置文件, 配置查找顺序 drf分页器drf版本控制
- android byte转string_Dig101 - Go之string那些事
- mysql 添加最高权限设置_mysql 添加用户并设置权限
- 让Android Studio 使用上vs的android模拟器
- BZOJ2843 极地旅行社 LCT
- vue mysql交互_几种vue的数据交互形式
- 深度学习AI美颜系列---美图秀秀AI美图之跨次元相机特效
- element-plus 中loading 自定义图片
- C++ advanced(4)make function and SFINAE
- 用Java判断ab大小_比例类数据的差异性检验与AB测试的终止点
- vue脚手架下载及使用
- 300 页图解网络 PDF 下载
- 关于markdown图片显示