uni-app【数据缓存API】(1)

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

}

uni.removeStorage(OBJECT)

从本地缓存中异步移除指定 key。

OBJECT 参数说明

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

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

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

| success | Function | 是 | 接口调用的回调函数 |

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

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

示例

uni.removeStorage({

key: ‘storage_key’,

success: function (res) {

console.log(‘success’);

}

});

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

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

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

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

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

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

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

码讲义、实战项目、讲解视频，并且会持续更新！**

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

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

资料领取方式：戳这里前往获取