uniapp 本地缓存
时间: 2023-11-17 17:08:08 浏览: 157
uniapp提供了一些API来处理本地缓存,以下是一些常用的API:
1. uni.setStorageSync(key, data):将数据存储在本地缓存中,同步接口。
```javascript
uni.setStorageSync('name', 'Tom');
```
2. uni.getStorageSync(key):从本地缓存中同步获取指定 key 对应的内容。
```javascript
let name = uni.getStorageSync('name');
console.log(name); // 输出:Tom
```
3. uni.removeStorageSync(key):从本地缓存中同步移除指定 key。
```javascript
uni.removeStorageSync('name');
```
4. uni.clearStorageSync():同步清空本地数据缓存。
```javascript
uni.clearStorageSync();
```
相关问题
uniapp本地缓存
UniApp本地缓存是指在网络通畅情况下,将从服务器收到的资源保存到本地,并在网络断开或没有连接的情况下直接读取本地文件中的数据,以提供更好的用户体验。通过使用本地缓存技术,可以对一些需要频繁调用的数据进行缓存,以提高应用的运行效率和用户体验。然而,需要注意控制缓存数据量和缓存时间,以避免占用过多的手机存储空间和内存资源,从而影响应用的性能和用户体验。在UniApp中,可以使用uni.setStorage和uni.getStorage来进行本地缓存操作。在H5端,使用localstorage进行缓存,但其大小只有5M,超过会被清理;而在App端,则使用持久化的plus.storage进行缓存操作,不会被当做缓存清理。此外,还可以使用plus.io进行离线缓存,但需要了解IO系统的详细API,以了解文件是否能够正常缓存到设备目录中。另外,还可以使用plus.sqlite进行本地数据库缓存,但需要具备SQL语句语法的知识,知道如何创建数据库和表,并通过数据库在本地进行数据的查询。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Uniapp的APP端实现本地离线缓存](https://blog.csdn.net/weixin_46820017/article/details/126728907)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp缓存方式](https://blog.csdn.net/m0_59910554/article/details/130522020)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
uniapp本地缓存图片
UniApp是一个跨平台的开发框架,可以用于同时开发iOS、Android和Web应用。在UniApp中,可以使用本地缓存来存储和管理图片。
UniApp提供了uni.getImageInfo方法来获取图片信息,包括图片的宽度、高度、路径等。可以使用uni.getImageInfo方法获取到图片信息后,将其保存到本地缓存中。
以下是使用UniApp进行本地缓存图片的步骤:
1. 使用uni.getImageInfo方法获取图片信息,例如:
```
uni.getImageInfo({
src: 'path/to/image.jpg',
success: function(res) {
// 获取到图片信息后进行下一步操作
}
});
```
2. 使用uni.saveFile方法将图片保存到本地缓存,例如:
```
uni.saveFile({
tempFilePath: 'path/to/image.jpg',
success: function(res) {
// 图片保存成功后的回调函数
var savedFilePath = res.savedFilePath;
// 可以将savedFilePath保存到本地缓存中,以便后续使用
}
});
```
3. 在需要使用图片的地方,可以通过uni.getSavedFileInfo方法获取已保存的图片信息,例如:
```
uni.getSavedFileInfo({
filePath: 'path/to/saved/image.jpg',
success: function(res) {
// 获取到已保存的图片信息后进行下一步操作
}
});
```
阅读全文