>[success] # Storage存储
1. 小程序提供了专门的Storage用于[进行本地存储](https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html),不需要像其他浏览器要转换,已经帮助取出时候就是转换好的类型
>[danger] ##### 同步存取的方法
1. wx.setStorageSync(string key, any data)
2. wx.getStorageSync(string key)
3. wx.removeStorageSync(string key)
4. wx.clearStorageSync()
>[danger] ##### 异步存储数据的方法
1. wx.setStorage(Object object)
2. wx.getStorage(Object object)
3. wx.removeStorage(Object object)
4. wx.clearStorage(Object object)
>[danger] ##### 案例
~~~
onLocalStorage() {
// 1.存储一些键值对
wx.setStorageSync('name', 'aaa')
wx.setStorageSync('age', 18)
wx.setStorageSync('friends', ['abc', 'cba', 'nba'])
// 2.获取storage中内容
const name = wx.getStorageSync('name')
const age = wx.getStorageSync('age')
const friends = wx.getStorageSync('friends')
console.log(name, age, friends)
// 3.删除storage中内容
wx.removeStorageSync('name')
// 4.清空storage中内容
wx.clearStorageSync()
// 异步操作
wx.setStorage({
key: 'books',
data: '哈哈哈',
encrypt: true, // 开启加密
success: (res) => {
wx.getStorage({
key: 'books',
encrypt: true,
success: (res) => {
console.log(res)
},
})
},
})
console.log('-------')
},
~~~
- 小程序了解
- webview 是什么
- Native App、Web App、Hybrid App
- 小程序架构模型
- 小程序配置文件
- app.js -- App函数
- 页面.js -- page
- 生命周期????
- 小程序 -- 页面wxml
- 小程序 -- WXS
- 小程序 -- 事件
- 小程序 -- 样式wxss
- 小程序 -- 组件开发
- 小程序 -- 组件插槽
- 小程序 -- 组件的生命周期
- 组件总结
- 小程序 -- 混入
- 小程序基本组件
- text -- 文本
- view -- 视图容器
- button -- 按钮
- image -- 图片
- scroll-view -- 滚动容器
- input -- 双向绑定
- 通用属性
- 小程序常用Api
- 微信网络请求
- 微信小程序弹窗
- 微信小程序分享
- 获取设备信息 / 获取位置信息
- Storage存储
- 页面跳转
- 小程序登录