🐵指尖猴全新升级
第14课:本地存储
🗄️

本地存储

给小程序一个记忆盒子

📖知识引入

📦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课完成!继续探索下一课吧 🚀