十四、浏览器缓存

localStorage 是浏览器端的缓存，如果不主动清除，则永远存在

localStorage.setItem('city','武汉')
通过这行代码，就可以将这两条数据存入到浏览器的缓存中了

1、封装localStorage

1-1 setItem

const setLocalStorage=(key,value)=>{
    console.log(value instanceof Array)
    console.log(value instanceof Object)
    if(value instanceof Array || value instanceof Object){
        value = JSON.stringify(value);
    }
    localStorage.setItem(key,value);
}

1-2 setItem

const getLocalStorage = (key)=>{
    var val = localStorage.getItem(key);
    var reg = /^[\[{].*[\]}]$/
    if(reg.test(val)){
        val = JSON.parse(val);
    }
    return val;
}

2、业务

1-1 将输入框中的数据添加到数组
1-2 同时将数据添加到缓存中
1-3 将缓存中的数据放置到页面上