我们知道,在HTML5中,新加入了localStorage本地存储功能,解决了cookie空间不足的问题(存储空间为4k),localStorage一般则支持5M的存储空间(不同浏览器中会有些不同)。微信小程序中也有本地存储的功能(最大为10MB),可以用来恢复小程序上次打开的状态,可以存储一些非实时数据用来加快页面渲染,减少用户等待时间。

微信小程序中的数据有效期和localStorage相似:永不过期,除非用户主动删除或设置超过一定时间被自动清理,否则数据都一直可用。他们之间的存储也有一点不同:localStorage会把数据转化为字符串类型再存储,小程序则可以以任意类型存储,不会进行类型转换。

在HTML5中,用 localStorage.setItem("key", "value") 将value存储到key字段,用 localStorage.getItem("key") 获取指定key本地存储的值,用localStorage.removeItem("key") 删除指定key本地存储的值。小程序中存储相对应的API:

存储数据:

异步:wx.setStorage

同步:wx.setStorageSync

wx:setStorageSync("cates", { time: Date.now() })

获取数据:

异步:wx.getStorage

同步:wx.getStorageSync

wx.getStorageSync("cates");

移除数据:

异步:wx.removeStorage

同步:wx.removeStorageSync

wx.removeStorageSync("cates");

清除所有数据:

异步:wx.clearStorage

同步:wx.clearStorageSync

//清除所有数据不要参数
wx.clearStorageSync()

注:

小程序中,不能直接修改本地存储的内容,需要通过相同的key值再设置一次,以覆盖本地原有的值。

微信小程序 本地存储相关推荐

  1. 微信小程序本地存储存储_如何利用本地存储构建快速的应用程序

    微信小程序本地存储存储 by Nikita Kozlov 由Nikita Kozlov 如何利用本地存储构建快速的应用程序 (How to leverage Local Storage to buil ...

  2. 微信小程序—本地存储

    微信小程序-本地存储 作者:邱名涛 撰写时间:2019 年10 月24日 技术要点:在没有服务器的情况下,将数据存储到本地-wx.setStorageSync --这次我要实现点击收藏按钮把对应的文章 ...

  3. 微信小程序 本地存储

    1. 微信小程序中的本地存储:wx.setStorageSync("key","value") - 读取时的key必须与存储时的key相同,才能取出需要的数据. ...

  4. 微信小程序本地存储的学习和实践案例的讲解

    什么是本地存储 pc端 本地存储是H5新增的API,用来在本地存储数据,在不影响服务器性能的情况下来在本地存储数据 微信小程序存储 需要存储的内容.只支持原生类型.Date.及能够通过JSON.str ...

  5. 微信小程序——本地存储

    4.6 本地数据缓存 本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态 ...

  6. 微信小程序 本地存储及调用

    一.本地存储//建议:在选择图片或文件后立即进行本地存储,如图片,我使用的是异步存储 wx.setStorage({                   key: 'Imgs',//自己去的key名, ...

  7. 微信小程序 本地存储有关方法

    1.wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中.会覆盖掉原来该 key 对应的内容.除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可 ...

  8. 微信小程序 本地mysql_微信小程序系列之使用缓存在本地模拟服务器数据库

    微信小程序系列之使用缓存在本地模拟服务器数据库 现在将data.js这个文件视作是本地数据库的初始化数据,要做的第一件事就是讲这些初始化数据装进缓存中,以形成数据库的初始化数据 整个应用程序的生命周期 ...

  9. 微信小程序如何存储数据?

    今天做搜索页面遇到了搜索记录,那如何把纪律在刷新页面的情况下还存在呢 这俩介绍一种同步的微信小程序请求数据的写法 存储: wx.setStorageSync('list', ll) 语法 wx.set ...

最新文章

  1. P2P最易遭受的DDoS***以及防御手段
  2. 对矩阵分解的粗浅理解之LU分解
  3. gRPC 网关,针对 HTTP 2.0 长连接性能优化,提升吞吐量
  4. 记录如何深度拷贝一个属性存在循环引用的对象
  5. 路由器的四个主要内存区域
  6. c语言产品信息管理课程设计,商品信息管理系统(C语言课程设计).doc
  7. 计算机网络课程设计小型企业局域网的组建,计算机网络课程设计小型企业局域网的组建.doc...
  8. 阿里巴巴图标库iconfont的使用
  9. 朱建辉php,“神采·朱建辉版画艺术展”在尼泊尔加德满都开幕
  10. [官方Flink入门笔记 ] 五、客户端操作
  11. 织梦dedecms 忘记管理员后台密码的解决技巧
  12. JSON sever 学习
  13. wincc做皮带动画_WINCC动画脚本集锦
  14. 电路布线问题(分支限界法)
  15. android 拍照 比例,Everest
  16. 中软python机试_中软国际python机试题_中软国际笔试试题
  17. [从头学数学] 第191节 空间向量与立体几何
  18. 第70节:Java中xml和tomcat
  19. Oracle优化器(RBO与CBO)
  20. 八大排序的思想讲解与排序算法可视化

热门文章

  1. hp打印机一直显示正在打印中_HP打印机提示文档正在打印,但就是打印不了?...
  2. 英语语法---四种句子类型的介绍
  3. 17个练习自动化测试的网站,相信你一定喜欢
  4. 游戏机生产厂家不朽的神迹碎片系统详细攻略心得
  5. c语言编程文章排版,一种简单英文词典排版系统的实现 C语言编程
  6. windows10访问ubuntu子系统中的文件的方法
  7. jre包括jvm和java核心类库_包含JVM标准实现及Java核心类库
  8. 百度智能云 x 民生银行 | 智能+创新,数字化运营再升级
  9. 2021-07-04 【5】
  10. 设备管理 android问号,设备管理查有问号怎么修理