## uni.setStorage(OBJECT)
將數據存儲在本地緩存中指定的 key 中,會覆蓋掉原來該 key 對應的內容,這是一個異步接口。
### OBJECT 參數說明
```
參數名 類型 必填 說明
key String 是 本地緩存中的指定的 key
data Object/String 是 需要存儲的內容
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 Object/String 是 需要存儲的內容
```
```
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 String 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 的相關信息。
OBJECT 參數說明
```
參數名 類型 必填 說明
success Function 是 接口調用的回調函數,詳見返回參數說明
fail Function 否 接口調用失敗的回調函數
complete Function 否 接口調用結束的回調函數(調用成功、失敗都會執行)
```
success 返回參數說明
參數 類型 說明
keys String Array 當前 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 的相關信息。
示例
```
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');
}
});
```
## uni.removeStorageSync(KEY)
從本地緩存中同步移除指定 key。
**參數說明**
```
參數名 類型 必填 說明
key String 是 本地緩存中的指定的 key
```
**示例**
```
try {
uni.removeStorageSync('storage_key');
} catch (e) {
// error
}
```
## uni.clearStorage()
清理本地數據緩存。
示例
`uni.clearStorage();`
## uni.clearStorageSync()
同步清空本地數據緩存。
示例
```
try {
uni.clearStorageSync();
} catch (e) {
// error
}
```
- 第1講 : 創建項目、部署 VUE 、入口頁面布局
- 第2講,快速開始第一個項目
- 第3講 : uni-app 開發規范及目錄結構
- 第4講 : uni-app 頁面樣式與布局
- 第5講 : uni-app 配置文件 - pages.json
- 第6講 : 配置文件 - manifest.json
- 第7講 : uni-app 頁面生命周期
- 第8講 : uni-app 模板語法 - 數據綁定
- 第9講Class 與 Style 綁定 (動態菜單激活示例)
- 第10講 : uni-app 事件處理、事件綁定、事件傳參
- 第11講 : uni-app 組件 - 基礎組件
- 第12講 : uni-app 組件 - 表單組件
- 第13講 : uni-app 組件 - navigator(導航)及頁
- 第14講 : uni-app 組件 - 媒體組件
- 第15講 : uni-app 組件 - 地圖組件
- 第16講 : uni-app 接口 - 網絡請求
- 第17講 : uni-app 接口 - 從本地相冊選擇圖片或使
- 第18講 : uni-app 上傳(圖片上傳實戰)
- 第19講 : uni-app 接口 - 數據緩存
- 第20講 : uni-app 設備相關
- 第21講 : uni-app 交互反饋
- 第22講 : uni-app 設置導航條
- 第23講 : uni-app 導航(頁面流轉)
- 第24講 : uni-app 下拉刷新
- 第25講 : uni-app 上拉加載更多
- 第26講 : uni-app 第三方登錄(小程序篇)
- 第27講 : uni-app 登錄(h5+ app 篇)
- 第28講 : 自定義組件創建及使用