zoukankan      html  css  js  c++  java
  • cookie,sessionStorage,localStorage区别

    cookie.save('key','value')
    cookie.remove('key')
    cookie.load('key')
    

    localStorage

    localStorage.setItem('key','value')   //保存数据
    localStorage.getItem('key')   //读取数据
    localStorage.removeItem('key')   //删除指定数据
    

    sessionStorage

    sessionStorage.setItem('key','value')   //保存数据
    sessionStorage.getItem('key')   //读取数据
    sessionStorage.removeItem('key')   //删除指定数据
    sessionStorage.clear()   //删除所有数据
    

    localstorage设置过期时间

    思路:存储的值加一个时间戳,下次取值时验证时间戳。
    
    function setTime(){
        localStorage.setItem('wxtokenTime',new Date().getTime()+518400000)  //设置过期时间:6天
    }
    
    function checkTime(){
        let overdate=JSON.parse(localStorage.getItem('wxtokenTime'))  //获取时间戳,需要JSON.parse转成Number格式
        let nowdate=new Date().getTime()  //获取当前时间戳
        let restdate=overdate-nowdate  //计算剩余时间
        if(restdate>0){
            console.log("未过期")
        }else{
            console.log("已过期")
        }     
    }
    
    
  • 相关阅读:
    react脚手架和JSX
    promise
    防抖和节流
    call/apply/bind 用法
    js this指向
    vue单页面应用刷新网页后vuex的state数据丢失的解决方案
    Echarts基础
    继承
    原型链
    vue项目中使用生成动态二维码
  • 原文地址:https://www.cnblogs.com/huihuihero/p/12058677.html
Copyright © 2011-2022 走看看