zoukankan      html  css  js  c++  java
  • WebStorage和cookies

    概念

    • web Storage有两种机制:
      • sessionStorage:为每一个给定的源维持一个独立的存储区域,这个存储区域在页面回话期间可用(只要浏览器处于打开状态,包括页面重新加载和恢复)
      • localStorage:存储的内容会一直存在,除非我们自己删除

    web Storage的用法

    • 设置
    Storage.setItem('属性名','属性值')
    localStorage.setItem('属性名','属性值')
    sessionStorage.setItem('属性名','属性值')
    • 获取
    Storage.getItem('属性名')
    localStorage.getItem('属性名');
    sessionStorage.getItem('属性名');
    
    Storage['属性名']
    localStorage['属性名']
    sessionStorage['属性名']
    • 清掉某一个属性
    Storage.removeItem('属性名')
    localStorage.removeItem('属性名')
    sessionStorage.removeItem('属性名')
    • 清除所有
    Storage.clear()
    localStorage.clear()
    sessionStorage.clear()
    • cookie的原生接口不太友好,所以在用cookie的时候我们一般需要自己封装方法
    • 不过现在我们在写项目的时候一般会用react或vue等框架,这些框架有自己的npm,react-cookie,vue-cookie

    与cookie的区别

    • cookie
    1. 每一条cookie有大小限制,一般在同源状况下,最多4kb,IE6以下每一个特定域名下最多20个cookie,以上最多有50个。IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。
    2. 有时间限制,可以自己设置,到达时间后清除
    3. 使用360等工具清理垃圾时,可以将cookie清除掉
    4. 用户可以设置为禁用cookie 5.不算严格的本地存储,获取cookie的时候,需要经过HTTP的处理
    • localStorage
    1. 有大小限制,最多为5MB
    2. 没有时间限制,会一直存在,除非自己清除
    3. 只能手动清除
    4. 不可以禁用
    5. 是严格的本地存储,获取时不需要经过服务器
  • 相关阅读:
    P2813 母舰
    P5367 【模板】康托展开
    P1816 忠诚
    P3865 【模板】ST表
    P1913 L国的战斗之伞兵
    P4939 Agent2
    P1894 [USACO4.2]完美的牛栏The Perfect Stall
    P5017 摆渡车
    P1330 封锁阳光大学
    P5018 对称二叉树
  • 原文地址:https://www.cnblogs.com/yang-xiao-fan/p/8376791.html
Copyright © 2011-2022 走看看