localStorage浏览器本地存储

有4个方法

        1.添加数据   -  localStorage.setItem(键值对模式)

                window.localStorage.setItem("msg","hello")

let person = {
            name:"ttj",
            sex:"女",
            age:30
        }

window.localStorage.setItem("person",JSON.stringify(person))

        不能直接把一个对象存进去，会显示[object Object] 看不到里面的数据,不是字符串的会自动调用 toString() 所以变成了 [object Object] , 所以要用JSON.stringify()解析为json格式的字符串

        2.读取数据        localStorage.getItem("person")

const getPerson = localStorage.getItem("person");
    //这里输出的是字符串
    console.log(getPerson);
    //要是想把json格式的字符串变成对象 就把json字符串解析为js对象
    console.log(JSON.parse(getPerson));

        3.根据key删除某个数据        localStorage.removeItem("person") 

        4.删除所有数据        localStorage.clear() 

        注意：

               -         要是读取了一个不存在的key 返回的是null

               -         JSON.parse(getPerson)

                        要是getPerson返回值会null，JSON.parse()返回的也是null

 webStorage  localStorage 和 sessionStorage 统称为webStorage

    1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样)

    2.浏览器端通过 window.sessionStorage 和 window.localStorage属性来实现本地存储机制

    3.相关API：
        1.xxxStorage.setItem("key","value");
            该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值
        2.xxxStorage.getItem("key");
            该方法接受一个键名作为参数，返回键名对应的值
        3.xxxStorage.removeItem("key")
            该方法接受一个键名作为参数，并把该键名从存储中删除
        4.xxxStorage.clear()
            该方法会清空存储中的所有数据

    4.备注：
        1.sessionStorage存储的内容会随着浏览器窗口关闭而消失
        2.localStorage存储的内容，需要手动消除才会消失
        3.xxxStorage.getItem(xxx)如果对应的value获取不到，那么getItem的返回值是null
        4.JSON.parse(null)的结果依然是null
        5.JSON.stringIfy()把一个对象转换为json字符串