25.缓存

一、封装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 getItem

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

二、业务

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