zoukankan      html  css  js  c++  java
  • sessionStorage和localStorage的使用

    前言

    最近在项目中遇到了两个需求,并且都用到了H5的这两种储存方式

    1 sessionStorage

    需求:我从后台得到一个URL的时候,我根据路由判断用户一进入页面显示出一个蒙层,当用户进入当前页面的其他页面再返回时需要使蒙层消失,这时候我就使用到了sessionStorage以及它的特性 浏览器关闭时自动销毁,成功解决;

    2 localStorage

    需求:页面有一个客服入口,每次进入客服时都要请求一次用户信息传给客服,这时候用到了localStorage,用户第一次进入客服时将用户信息保存在浏览器中,这样用户每次进入客服时后台都会直接获取到用户信息

    区别

    sessionStorage 浏览器关闭时自动销毁

    localStorage 存储在浏览器中,无期限

    sessionStorage用法

    // 保存或设置数据到sessionStorage
        sessionStorage.setItem('key','value')
        
    // 获取某个sessionStorage
        sessionStorage.getItem('key')
        
    // 从sessionStorage删除某个保存的数据
        sessionStorage.removeItem('key')
        
    // 从sessionStorage删除所有保存的数据
        sessionStorage.clear();
    

    localStorage用法

    // 保存或设置数据到localStorage
        localStorage.setItem('key','value')
        
    // 获取某个localStorage
        localStorage.getItem('key')
        
    // 从localStorage删除某个保存的数据
        localStorage.removeItem('key')
        
    // 从localStorage删除所有保存的数据
        localStorage.clear();
    
  • 相关阅读:
    一本通1402 Vigenère密码
    一本通1166 求f(x,n)
    一本通1083 计算星期几
    一本通1157 哥德巴赫猜想
    一本通1156 求π的值
    SpringBoot多数据源:动态数据源
    cron 表达式
    自定义异常类
    CentOS7 常用命令集合
    想要学好Git,应该掌握哪些基础知识?
  • 原文地址:https://www.cnblogs.com/wangyue99599/p/9088904.html
Copyright © 2011-2022 走看看