uni-app 数据缓存(setStorage)

摘要:
uni-app数据缓存(setStorage)12345678var_self;9exportdefault{10data(){11return{1213}14},15methods:{1617},18onLoad(){19//数据缓存异步20_self=this;21uni.setStorage({22key:'
uni-app 数据缓存(setStorage)
1 <template>
2     <view>
3         
4     </view>
5 </template>
6 
7 <script>
8     var_self;
9 export default{
10 data() {
11             return{
12                 
13 }
14 },
15 methods: {
16             
17 },
18 onLoad() {
19             //数据缓存 异步
20 _self = this;
21 uni.setStorage({
22 key:'name',
23 data:'hcoder',
24 success() {
25 console.log('成功了')
26 },
27 fail() {
28 console.log('缓存失败了')
29 }
30 });
31             
32             //数据缓存 同步 一定要用try catch 包裹
33             try{
34 uni.setStorageSync('age', '18');
35 }catch(e){
36                 //TODO handle the exception
37 };
38             
39             //从本地缓存中 异步获取指定 key 对应的内容
40 uni.getStorage({
41 key: 'name',
42 success: function(res) {
43 console.log('name 异步获取 = ' +res.data);
44 }
45 });
46             
47             //同步方式获取数据, 阻塞形式,如果做完了的话代码才会向下进行
48             try{
49 const value =uni.getStorageSync('name');
50                 if(value){
51 console.log("const value = uni.getStorageSync('name') 同步获取 = " +value)
52 }
53 }catch(e){
54                 //TODO handle the exception
55 };
56             
57             
58             //异步获取当前 storage 的相关信息
59 uni.getStorageInfo({
60 success: function(res) {
61                     //keys:  当前 storage 中所有的 key
62                     //currentSize:  当前占用的空间大小, 单位:kb   current:当前的
63                     //limitSize:  限制的空间大小, 单位:kb   limit:限制
64 console.log('异步获取' +res.keys);
65 console.log(res.currentSize);
66 console.log(res.limitSize);
67 }
68 });
69             
70             //同步获取 当前 storage 的相关信息
71             try{
72 const res =uni.getStorageInfoSync();
73 console.log('同步获取' +res.keys);
74 console.log(res.currentSize);
75 console.log(res.limitSize);
76 } catch(e) {
77                 //error
78 };
79             
80             //从本地缓存中 异步移除指定 key
81             //uni.removeStorage({
82             //key: 'name',
83             //success: function (res) {
84             //console.log('删除成功');
85             //}
86             //});
87             
88             //从本地缓存中 同步移除指定 key
89             //try {
90             //uni.removeStorageSync('name');
91             //} catch (e) {
92             //// error
93             //}
94             
95             //异步清理本地数据缓存
96             //uni.clearStorage();
97             // 
98             // 
99             //// 同步清理本地数据缓存
100             //try {
101             //uni.clearStorageSync();
102             //} catch (e) {
103             //// error
104             //}
105 }
106 }
107 </script>
108 
109 <style>
110 
111 </style>

未使用删除 key 和 清除 本地缓存 的效果图

uni-app 数据缓存(setStorage)第1张

uni-app 数据缓存(setStorage)第2张

免责声明:文章转载自《uni-app 数据缓存(setStorage)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇js-消息对话框WPF 2D绘图(1)Shape下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Laravel之缓存

一.默认缓存的配置 缓存配置位于config/cache.php,你可以使用memcache,redis,数据库缓存,文件缓存等.默认是文件缓存 二.缓存获取 1.获取 $value = Cache::get('key'); // 默认值 $value = Cache::get('key','default'); // 访问多个缓存存储 $value...

laravel添加api缓存系统

项目背景:最初是想给接口加缓存,但是不想每个接口添加缓存代码,就写了个统一的缓存系统。 技术方案: 本项目使用laravel框架 监听requestHanled事件写入缓存 添加apiCache中间件,对每个get访问进行拦截,检查是否有缓存,如果有,就读取缓存就返回,如果没有,就执行下一个中间件。 前置知识: laravel框架基础知识 event...

Web前端测试要点

Web前端测试维度: 功能性:功能准确性、兼容性 易用性:易学性、易理解性、易操作性、吸引性 可靠性:成熟性、容错性、稳定性、可恢复性、安全性 可移植性:适应性、易安装性、兼容性 可维护性:易分析性、易测试性 效率:时间特性、资源利用性 调优点: 1. 减少http请求的数量 2. 用好浏览器缓存机制 3. 利用GZIP压缩机制:只针对文本类资源有效...

海思MPP视频处理平台流程简介

海思MPP视频处理平台流程简介 hisi芯片系统概述 首先先来了解一下海思芯片SOC,下图是hi3519A芯片设计图                                      图1 hi3519AV100 芯片设计图  芯片的设计图有助于我们对海思的图像处理有一个大致的了解,从上图中我们可以看到,芯片SOC里集成了众多控制芯片,比如负责深...

《MySQL数据库》MySQL ERRORLOG,BINLOG,SLOWLOG日志详解

前言 MySQL 经常出现启动错误或者执行错误等等,这个时候我们需要查询error日志 在数据库使用中,经常会出现需要恢复数据的情况,MySQL如果需要恢复数据的话需要开启binlog(二进制日志)。 Error Log 错误日志默认设置如下: 1. error log 默认路径在数据文件下。 2. error log 默认文件名为主机名.err,例如:i...

使用Docker搭建MySQL主从复制(一主一从)

简介 因为个人资源有限,手里没有太多的服务器,只能通过docker来进行mysql的主从搭建。原理基本上都是一致的,在实际生产中,也可以按照该方式进行搭建。如果对Docker还不是很了解,请移步Docker官网进行学习! 使用Docker搭建主从 使用Docker拉取MySQL镜像,使用5.7版本 我们可以先使用search命令查询一下mysql镜像,...