H5本地存储的原理 localStorage

  		localStorage.setItem("bookList_","111")
        console.log("请求后钱", localStorage.getItem("bookList_"))

        var bookList_ //获取所有的数据 
        this.apis.adminApi.bookList({
    
    thisPage,totalPagesDate}).then((res) => {
    
    
            var data = res.data
            var bookList = data.objList    //数据集合
            this.totalData = data.totalData  //总页数
            this.thisPage= data.thisPage     //当前页
            bookList_ = data.objList
            console.log("添加到本地",new Date())
            localStorage.setItem("bookList_",JSON.stringify(data.objList))
               console.log(localStorage.getItem("bookList_"))
            
        })
        console.log(new Date())
        console.log("请求后1",localStorage.getItem("bookList_"))

        setTimeout(()=>{
    
    
            console.log("请求后2",localStorage.getItem("bookList_"))
        },5000)

• 图片
  

• 控制台结果

• 
  localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的