一、cookie、localstorage、sessionstorage 三者的区别
1、存储大小:cookie4K、storage5M
2、有效期:cookie拥有有效期,storage永久存储
3、cookie会发送到服务器端,存储在内存中,storage只存储在浏览器端
4、路径:cookie有路径限制,storage住存储在域名下
5、API:cookie没有特定的API,storage有对应的API
//导入配置
import config from "../config";
// 封装的时候, 尽量和原生api相似, 减少记忆成本
export default {
// 设置
setItem(key, value) {
// 定义需要存储的key和value
// 存储的key, 是当前的命名空间
const sotrageKey = config.namespace;
// 存储的value, 就是接收的两个形参, 注意属性名如果是变量, 需要是中括号
let sotrageValue = {
[key]: value };
// 先取出原来的storage对应的value对象, 如果没有, 返回空对象