美文网首页
uni-app 之 数据缓存

uni-app 之 数据缓存

作者: 家乡_a6ce | 来源:发表于2020-06-19 15:37 被阅读0次

uni-app 之 数据缓存

铛铛铛~~~之前有写过一个navagator路由的博客,今天就分享一下关于数据缓存的把

1.uni.setStorage(OBJECT) 与 uni.getStorage(OBJECT)    这两个是异步缓存,简单说就是将数据放到本地缓存指定的key中,一个存一个取罢了

    uni.setStorage(OBJECT) :将数据缓存在本地缓存中指定的key中,会覆盖掉原来该key中的内容,这是一个异步接口。(

参数名      类型         是否必填    说明

key        String        是        本地缓存中的指定的 key

data       Object/String   是        需要存储的内容

success     Function       否       接口调用成功的回调函数

fail       Function       否       接口调用失败的回调函数

complete    Function      否        接口调用结束的回调函数(调用成功、失败都会执行)

uni.getStorage(OBJECT) : 从本地缓存中异步获取指定key对应的内容(

参数名       类型       是否必填     说明

 key          String      是         本地缓存中的指定的key

 success       Function     是         接口调用的回调函数res = {data: key对应的内容}

fail         Function     否         接口调用失败的回调函数

complete       Function     否         接口调用结束的回调函数(调用成功、失败都会执行)

     那个例子跟大伙说一下,最近公司做项目,涉及到了一个存放地址的, 将地址的信息缓存到本地指定的URL 这个key中 进行存数据与取数据的操作,废话不多说,上代码~~

 下一步进行将数据缓存在本地

 下一步读取缓存在本地数据

//这是获取key中的内容 {data: "/pages/newHouse/NewHouseDetail?id=41", errMsg: "getStorage:ok"}

  绿色标记为我在本地缓存中获取到的数据,res.data 就是我们需要的url地址了,如果需要直接获取就可以了,这一步骤就给大家展示了uni.setStorage(OBJECT) 与 uni.getStorage(OBJECT)  整体过程

2.uni.setStorageStnc(KEY,DATA) 与 uni.getStorage(KEY)    其实这个跟第一个基本上是没有区别的,只不过是一个同步一个异步罢了,参数说明及写法展示给大家

  uni.setStorageStnc(KEY,DATA)     将data存储在本地缓存中个指定的key中,会覆盖相同key中对应的内容,这是一个同步接口

        参数名      类型         是否必填    说明

        key        String        是        本地缓存中的指定的 key

                            data       Any   是        需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象

    还是以地址url为例,以上个例子为基础来说  

uni.getStorageStnc(KEY)     从本地缓存中同步获取指定 key 对应的内容。

        参数名      类型         是否必填    说明

        key        String        是        本地缓存中的指定的 key

获取同步的缓存key中地址信息         

3.uni.removeStorage(OBJECT) 与 uni.removeStorageSync(KEY)   这两个都是从本地缓存中移除指定的key   与上面的也是一样样样的~~~   前面是异步的后面是同步的     异步为例~~~~

这是我打印出来的数据   通过了一个点击事件,这是显示我移除成功了,然后的~~~~等等等  等你在点击的时候会发现他并不打印了   也许你会因此疑惑  那是因为我已经将这个key所对应的数据移除了呀,所以当然是什么都不打印的啦~~~

4.uni.clearStorage() 与 uni.clearStorageSync()   这两个都是清理本地数据的缓存    当然啦  还是一个异步一个同步的    这个跟上一个其实是一样的   就是说这个吧 emmmmm   清除了你所有的本地数据   上一个只是清除了你本地指定key中的内容

 写法就是直接emmmm 写!!!    uni.clearStorage()和uni.clearStorageSync()     哈哈哈哈哈

我要是呢,写的不好,写的不足,还希望大家指出,相信我,我会改正的 !!嗯嗯嗯嗯嗯

转载于:https://www.cnblogs.com/gongliying/p/11134499.html

相关文章

  • uni-app 之 数据缓存

    uni-app 之 数据缓存 铛铛铛~~~之前有写过一个navagator路由的博客,今天就分享一下关于数据缓存的...

  • uni-app中很多东西不能试用?

    1,uni-app中不能用色上司浏览器缓存。不能试用formdata。 在uni-app中如何试用formData...

  • jQuery粗略源码解析4 数据缓存和队列

    1 数据缓存Data 数据缓存模块为DOM元素和js对象提供统一的数据设置、读取和移除方法。除了维护jq内部数据之...

  • 08 | 服务端缓存的分类和介绍

    服务端缓存的种类 数据库缓存; 平台级缓存; 应用级缓存; 数据库缓存 数据库缓存是一种比较特殊的缓存,是数据库自...

  • Redis学习笔记-16 个常见使用场景

    1、缓存 String类型 例如:热点数据缓存,对象缓存、全页缓存、可以提升热点数据的访问数据。 2、数据共享分布...

  • 1.uni-app的相关介绍使用

    uni-app的基本使用 基础部分: +环境搭建 +页面外观配置 +数据绑定 +uni-app的生命周期 +组件的...

  • SDWebImage缓存数据的获取/删除

    缓存数据的获取 缓存数据的删除

  • uniapp 基础

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni入门文档

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • UNIAPP入门教程

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

网友评论

      本文标题:uni-app 之 数据缓存

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