uni-app【数据缓存API】

• uni.getStorageSync(KEY)

• uni.getStorageInfo(OBJECT)

• uni.getStorageInfoSync()

• uni.removeStorage(OBJECT)

• uni.removeStorageSync(KEY)

• uni.clearStorage()

• uni.clearStorageSync()

uni.setStorage(OBJECT)

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

OBJECT 参数说明

| 参数名 | 类型 | 必填 | 说明 |

| :-- | :-- | :-- | :-- |

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

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

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

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

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

示例

uni.setStorage({

key: ‘storage_key’,

data: ‘hello’,

success: function () {

console.log(‘success’);

}

});

uni.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。

参数说明

| 参数 | 类型 | 必填 | 说明 |

| :-- | :-- | :-- | :-- |

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

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

try {

uni.setStorageSync(‘storage_key’, ‘hello’);

} catch (e) {

// error

}

uni.getStorage(OBJECT)

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

OBJECT 参数说明

| 参数名 | 类型 | 必填 | 说明 |

| :-- | :-- | :-- | :-- |

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

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

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

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

success 返回参数说明

| 参数 | 类型 | 说明 |

| :-- | :-- | :-- |

| data | Any | key 对应的内容 |

示例

uni.getStorage({

key: ‘storage_key’,

success: function (res) {

console.log(res.data);

}

});

uni.getStorageSync(KEY)

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

参数说明

| 参数 | 类型 | 必填 | 说明 |

| :-- | :-- | :-- | :-- |

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

示例

try {

const value = uni.getStorageSync(‘storage_key’);

if (value) {

console.log(value);

}

} catch (e) {

// error

}

uni.getStorageInfo(OBJECT)

异步获取当前 storage 的相关信息。

平台差异说明

| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 |

| :-: | :-: | :-: | :-: | :-: |

| HBuilderX 2.0.3+ | √ | √ | √ | √ |

OBJECT 参数说明

| 参数名 | 类型 | 必填 | 说明 |

| :-- | :-- | :-- | :-- |

| success | Function | 是 | 接口调用的回调函数，详见返回参数说明 |

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

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

success 返回参数说明

| 参数 | 类型 | 说明 |

| :-- | :-- | :-- |

| keys | Array＜String＞ | 当前 storage 中所有的 key |

| currentSize | Number | 当前占用的空间大小, 单位：kb |

| limitSize | Number | 限制的空间大小, 单位：kb |

示例

uni.getStorageInfo({

success: function (res) {

console.log(res.keys);

console.log(res.currentSize);

console.log(res.limitSize);

}

});

uni.getStorageInfoSync()

同步获取当前 storage 的相关信息。

平台差异说明

| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 |

| :-: | :-: | :-: | :-: | :-: |

| HBuilderX 2.0.3+ | √ | √ | √ | √ |

示例

try {

const res = uni.getStorageInfoSync();

console.log(res.keys);

console.log(res.currentSize);

console.log(res.limitSize);

} catch (e) {

// error

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

核心竞争力，怎么才能提高呢？

成年人想要改变生活，逆转状态？那就开始学习吧~

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

完整版PDF资料免费分享，只需你点赞支持，动动手指点击此处就可领取了。

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

d7f6750332c78eb27cc606540cdce3b4.png)

linux

前端资料汇总

完整版PDF资料免费分享，只需你点赞支持，动动手指点击此处就可领取了。

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。