6-5 缓存Storage的基本用法

前言：用户在点击收藏或者取消收藏的时候，会给服务器发生命令，记录下来是否收藏的记录，当下次初始化的时候，把服务器把数据传到客户端，并且表现出是否收藏的状态。但是这里没有服务器，所以我们暂时只用本地缓存存储，可以永久记录文章状态。

设置缓存，post-detail.js在onload函数里，首先看异步的：wx.setStorageSync("key",Object/String) 前面是一个键名，后面是键值，就设置了一个缓冲。从哪里查看缓存呢？调试，然后看Storage。因为是在post-detail.js在onload函数里设置的缓存，所以之后打开了post-detail函数，才能执行onload方法，从而设置缓存。第二次时候，并不需要进入详情页面才能设置缓存了。也就是如果用户不去清除缓存，缓存永久存在。

修改缓存，同样是wx.setStorageSync("key",Object/String)，key就是你想修改的缓存的key。

缓存就从之前的 key “风暴英雄”，变成了 key 一个对象。

获取缓存方法。比如某个标签上添加一个事件响应函数，然后给这个函数定义，函数里wx.getStorageSync("key") 这里key，就是你想获取的对应的缓存的键名。

删除缓存：比如某个标签上添加一个事件响应函数，然后给这个函数定义，函数里wx.removeStorageSync("key") 这里key，就是你想删除的对应的缓存的键名。

清除所有缓存。wx.clearStorageSync() 这里删除所有的缓存。

知识点1、如何设置缓存  缓存有八种方法，设置、获取、清除单一缓存、清除所有缓存。同步异步两类。不管哪一种方法，主要步骤都是两步。第一，在wxml中添加事件。第二、在js中定义事件。具体设置缓冲的方法有wx.setStorageSync('key',object/string)。第一个参数是键，第二个是键值，对象或者字符串都可以。

知识点2、 什么时候才有缓存 onload 。比如上面设置缓存的在xyz.wxml的点击事件上，点击事件在xyz.js中定义在page（{ onload事件中定义设置缓存函数 }），那么第一次只有在这个点击这个事件，才会有缓存。然后下一次重新启动后，缓冲就已经存在了。

知识点3、一个特性 缓冲是永久存在的，没有失效期，除非手动清除。必须使用清除事件，才会清除。否则不会主动清除。缓存个数没有上限，但是永久缓冲的大小在10M以内，一般代码不会超过10M 

知识点4、修改缓存 修改缓存，依然用的是设置缓存的函数，但是键值要一致。修改那个缓存，就用哪个缓存对应的key。

知识点5、获取 wx.getstorage("key") 

 知识点6、删除缓存 wx.removestorage("key")

知识点7、清除所有 wx.clearStorage() 这个是没有参数的，因为全部都清除了。