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%以上前端开发知识点，真正体系化！

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

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

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。

7070)]

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

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

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。

[外链图片转存中…(img-70eFuLoH-1712212097071)]
[外链图片转存中…(img-BeFF93dq-1712212097071)]