微信小程序入门（微信小程序入门（七）：缓存数据-单条数据）
本文目录
微信小程序入门（七）：缓存数据-单条数据
微信小程序的编写中，涉及到有些业务场景需要将数据缓存到本地，则微信小程序api提供了两个接口函数，
wx.setStorage可以将数据缓存在本地指定的key中，如果本地缓存已经存在指定的key，则会覆盖该key对应的内容，这是一个异步的接口，在调用时会涉及到成功，失败，完成三个状态，
与wx.setStorage唯一不同的就是wx.setStorageSync是同步进行的，所以不会涉及到成功，失败，完成等回调，但是在使用时需要使用try.......catch....来捕获异常；
现在编写一个将字符串缓存本地的例子
编译项目，点击缓存按钮：
现在改变缓存的内容，但是缓存的key保持不变
可以看到第二次的内容把第一次覆盖了。
将内容缓存到本地之后，将其从本地提取展示出来，则可是使用微信小程序api提供的两个接口：wx.getStorageInfo(Object object)，wx.getStorageSync(string key)，与缓存同样，读取缓存也分同步和异步；
我们将刚刚存储到本地的数据展示到页面上：
编译项目，点击按钮获取缓存数据并将其展示到页面上。
完成了本地数据的缓存，获取，则接下来就是关于缓存数据的清除，同样微信小程序api也提供了可使用的接口，
至此微信小程序本地保存数据就此结束！
如何入门微信小程序开发，有哪些学习资料
「微信小程序」剖析（一）：运行机制
从‘微信web开发者工具’ IDE 中的代码下手，对「微信小程序」如何与 IDE 之前进行交互做了详细的介绍。并介绍了 IDE 如何将 WXML 代码和 WXSS 转换为对应的 HTML 和 CSS ，以及如何打包的一些基本情况：日期命名的wx文件、1M 大小的文件限制、APP 上传地址。
「微信小程序」剖析（二）：框架原理
对 MINA 框架进行中的 APP 与函数间的关系进行了分析。从 WX 标签到 Virtual DOM 生成的方法，以及程序如何调用这个方法来生成 Virtual Dom 。并由其中的 exparser 部分来推理出，小程序由 WebView 和 Native 两部分组成的机制。以及在开发时、运行时，两种不同的 JavaScript 文件机制。
「微信小程序」剖析（三）：让小程序运行在Chrome浏览器上
展示了如何在普通的浏览器上运行「微信小程序」应用。并使用 Gulp 结合‘微信web开发者工具’中的vendor文件 wcc 和 wcsc 来构建自动化的转化 WXML 和 WXSS 为 HTML 和 CSS，从而搭建独立于开发者工具的开发环境。
「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM
介绍了‘微信web开发者工具’中所使用的 WCC 文件的一些技术原理。即它可以将 WXML 文件转化为基于 JSON 的 Virtual DOM。以及 Virtual DOM如何去解析这个 JSON 文件，并在这个过程中进行数据绑定和函数绑定。
本文相关文章：
2026年9月15日 16:10
2026年8月27日 19:40
2026年8月26日 13:10
2026年7月30日 19:10
2026年6月29日 14:00
2026年6月8日 14:50
更多文章：
2026年10月11日 08:30
2026年10月11日 06:50
2026年10月11日 06:40
2026年10月11日 06:10
2026年10月11日 06:00
2026年10月11日 05:50
湖北十堰爆炸事故原因（湖北十堰，发生爆炸事故致11死，酿成这起惨剧的起因是什么）
2026年10月11日 05:30
安徽六安一女子在奥迪车内被殴打扒衣，警方称是感情纠纷，案件会如何定性？安徽六安教师讨薪事件真相是什么
2026年10月11日 04:40
2026年10月11日 03:40
2026年10月11日 03:20
