数据缓存

在开发过程中，有些需求是数据需要持久保存在程序中的，不随程序关闭而删除

例如：用户基本信息、主题颜色等

在微信小程序中，提供了对数据的存储操作：

• 存储：wx.setStorage()
• 读取：wx.getStorage()
• 删除：wx.removeStorage()
• 清空：wx.clearStorage()

wx.setStorage()

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "name",
            data: "itbaizhan"
        })
    }
})

温馨提示

AES加密：高级加密标准（英语：Advanced Encryption Standard，缩写：AES） 是一种区块加密标准。AES可以使用128、192和256位密钥，从安全性来看，AES256安全性最高。从性能来看，AES128性能最高

例如：

加密前内容：百战程序员

加密后内容：U2FsdGVkX1/ws/a97KhEomtKuz3QXWf0QU9mcw1XTH0=

解密后内容：百战程序员

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "username",
            data: "itbaizhan",
            encrypt: true
        })
    }
})

wx.getStorage()

从本地缓存中异步获取指定 key 的内容

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "name",
            data: "itbaizhan"
        })
        wx.getStorage({
            key:"name",
            success(res){
                console.log(res.data);
            }
        })
        wx.setStorage({
            key: "username",
            data: "sxt",
            encrypt: true
        })
        wx.getStorage({
            key:"username",
            encrypt: true,
            success(res){
                console.log(res.data);
            }
        })
    }
})

wx.removeStorage()

从本地缓存中移除指定 key

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "name",
            data: "itbaizhan"
        })
        wx.removeStorage({
            key: 'name',
            success(res) {
                console.log(res)
            }
        })
    }
})

为了避免意外，我们最好用try...catch进行捕获

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "name",
            data: "itbaizhan"
        })
        try {
            wx.removeStorage({
                key: 'name',
                success(res) {
                    console.log(res)
                }
            })
        } catch (e) {
            // 发生意外
            console.log(e);
        }
    }
})

wx.clearStorage()

清理本地数据缓存

xxxxxxxxxx
Page({
    onLoad(options) {
        wx.setStorage({
            key: "name",
            data: "itbaizhan"
        })
        wx.clearStorage()
    }
})

实时效果反馈

1. 在微信小程序中，实现数据缓存删除某一条数据使用下列那个方法：

A setStorage

B getStorage

C removeStorage

D clearStorage

答案

1=>C