第14课:本地存储
进度 0/30
🗄️
本地存储
给小程序一个记忆盒子
📖知识引入
📦setStorageSync存
wx.setStorageSync('name', '小明')像把卡片放进抽屉——小程序关掉再开,卡片还在。
📤getStorageSync取
wx.getStorageSync('name')取出卡片。用户上次填的昵称、打卡记录,都能记住不用重填。
🧹remove与clear
wx.removeStorageSync('name')扔掉一张卡片;wx.clearStorageSync()清空整个抽屉——慎用!
⚠️Sync是同步版本
带Sync后缀的会「卡一下」等完成(简单适合新手);不带的是异步回调版,数据多时更流畅。
💡适合存什么
用户设置、打卡记录、草稿很适合;单key限1MB、总量约10MB。重要数据还得存云端服务器。
💡
Storage像抽屉:set放、get取、remove扔、clear全清空!
🔍记住用户的名字
// 保存数据(放进抽屉)
wx.setStorageSync('nickname', '小明')
// 读取数据(从抽屉拿)
const name = wx.getStorageSync('nickname')
console.log(name) // 小明
// 删除某项
wx.removeStorageSync('nickname')
// 清空全部
wx.clearStorageSync()有记忆 vs 没记忆:
❌ 没有存储:
打开小程序→填名字
关掉再开→又要填一遍 😩
✅ 有存储:
打开小程序→填名字
│ 存进抽屉
▼
关掉再开→自动填好 😄
打卡小程序的抽屉里放着: ┌──────────────┐ │ 打卡天数:7天 │ │ 连续天数:3天 │ │ 今日已打卡:是 │ └──────────────┘
注意: 本地存储可能被用户 在设置里清空, 重要数据记得备份到云端!
🎯小测验
第1题:保存数据到手机本地,用哪个API?
第2题:小程序重启后,Storage里的数据还在吗?
第3题:下列哪项最适合存在本地Storage里?
📝本课知识点
- ✓setStorageSync存、getStorageSync取
- ✓数据重启不丢
- ✓remove删一项、clear全清空
- ✓Sync版本简单直接
- ✓重要数据要存云端
第14课完成!继续探索下一课吧 🚀
