微信小程序开发——本地缓存

本地缓存是指微信小程序存储在当前设备空间里地数据。在官方文档说明中，其所有的数据存储上限为10MB即单个小程序的存储空间上限为10MB。==在使用过程中用户使用本地缓存可以存储一些非重要性的生产 *** 作，例如让小程序再次打开能快速渲染页面，减少用户等待时间。

小程序提供了读写删本地缓存的方法：

关于同步缓存和异步缓存的区别

异步与同步的区别是，异步不会阻塞当前任务，同步缓存直到同步方法处理完才能继续往下执行。

写入本地缓存

根据key读取本地缓存

根据key移除本地缓存

清除本地所有缓存

最后，还要注意的一点是如果写入了同样key的缓存数据，后写的会覆盖了前者，因此需要我们注意一下【点击了解更多加盟项目】

本地存储分为异步和同步。

设置：

异步：wx.setStorage 

同步：wx.setStorageSync

获取：

异步：wx.getStorage

同步：wx.getStorageSync

移除：

异步：wx.removeStorage

同步：wx.removeStorageSync

清除所有：

异步：wx.clearStorage

同步：wx.clearStorageSync

这里给大家以同步为例，

wx.setStorageSync('key','value')

接下来，我们说一下本地收藏功能怎么实现的呢

这是一个列表渲染页面，每一个view点进去的详情页面其实是一个页面，只是传不同的id，来赋值不同的数据展示出来而已。

通过JS文件中带参数的跳转，把相应的数据传到详情页中，那接下来就是展示详情页

除非必要时候，尽量使用同步方法，特别是新手，建议使用同步方法，除非同步方法解决不了问题考虑使用异步方法。

效果可以在微信小程序调试器中看如下

移除之后叫做key的storage就会消失不见

如下使用clearStorageSync连同之前的logs都会清除掉

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

当我们存储了值之后就可以在微信小程序的调试栏器中看到效果了，同步跟异步除了存取执行的 *** 作不一样之外，结果是一样的，都是存，拿值，结果是一样的，只是同步是顺序执行，而异步则是不会让界面停滞，但是这种几乎可以忽略不记，所以建议大家没有必要的话就使用同步了。

[图片上传失败...(image-ee4c86-1637290003071)]

从本地缓存中移除指定 key。

从本地缓存中异步获取指定 key 的内容。

---