美文网首页微信小程序
6-5 缓存Storage的基本用法

6-5 缓存Storage的基本用法

作者: 留白_汉服vs插画 | 来源:发表于2017-11-21 15:55 被阅读56次

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

设置缓存,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() 这个是没有参数的,因为全部都清除了。

相关文章

  • 6-5 缓存Storage的基本用法

    前言:用户在点击收藏或者取消收藏的时候,会给服务器发生命令,记录下来是否收藏的记录,当下次初始化的时候,把服务器把...

  • VUE本地缓存 之 good-storage使用

    安装 good-storage 用法

  • Workbox 使用记录

    修改在 Cache Storage 中的缓存名。 程序保存在 Cache Storage 的默认缓存有两个,一个是...

  • Glide->01Glide.into关于磁盘缓存

    Glide基本用法 关于磁盘缓存涉及到的类: DiskCacheStrategy DiskCacheStrateg...

  • 微信小程序实战 (四)

    缓存storage的使用设置缓存wx.setStorageSync('key',{name:'1111'})获取缓...

  • js方法封装处理

    1、设置缓存 // 设置缓存 Set_Storage(data_id: any, data: any) { ...

  • Android 图片加载库 Glide的基本用法

    开始 将Glide引入我们的项目 加载图片 基本用法 占位符 普通占位符 错误显示 缓存 取消缓存 指定图片格式 ...

  • local​Storage用法

    语法 值 一个可被用于访问当前源( origin )的本地存储空间的 Storage 对象。 异常 示例 下面的代...

  • Glide基本用法

    支持版本4.0 基本用法 使用加载中图片和加载错误图片 glide缓存方式 这个diskCacheStrategy...

  • Redis

    Redis 高级用法 本文旨在介绍一些 Redis 的高级用法。中央缓存结合本地缓存 - 本地缓存数据刷新方案 互...

网友评论

    本文标题:6-5 缓存Storage的基本用法

    本文链接:https://www.haomeiwen.com/subject/jsdppxtx.html