zoukankan      html  css  js  c++  java
  • 客户端数据持久化解决方案: localStorage

    客户端数据持久化解决方案: localStorage

    localStorage主要用来替代cookie,解决cookie读写困难、容量有限的问题。

    localStorage有以下几个特点

    1. localStorage 是一个普通对象,任何对象的操作都适用。

    2. localStorage对象的属性值只能是字符串。

    3. localStorage支持的默认空间大小为5M

      存储容量超过了限度(5M)就会报QUOTA_EXCEEDED_ERR异常

    4. localStorage本身带有方法有

      • 添加键值对:localStorage.setItem(key,value)

      • 获取键值:localStorage.getItem(key)

      • 删除键值对:localStorage.removeItem(key)。

      • 清除所有键值对:localStorage.clear()。

      • 获取localStorage的属性名称(键名称):localStorage.key(index)。

      • 获取localStorage中保存的键值对的数量:localStorage.length。

          for(var i=0; i<localStorage.length; i++) {
              var key = localStorage.key(i);
              console.log(localStorage.key(i)+ " : " + localStorage.getItem(key));
          }
        
    5. localStorage事件 (有兼容问题)

      事件对象的属性:

      • storageArea: 表示存储类型(Session或Local)
      • key:发生改变项的key
      • oldValue: key的原值
      • newValue: key的新值
      • url*: key改变发生的URL
    6. 存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。

  • 相关阅读:
    软件测试(3)--coverage graph
    st_lab1
    数据结构与算法—单向链表
    数据结构与算法—顺序表
    Python的正则表达式(re包)
    Python的内置装饰器@property、@staticmethod、@classmethod
    Python的装饰器
    Python的生成器和迭代器
    Python变量的引用、拷贝和回收机制
    git常用命令总结
  • 原文地址:https://www.cnblogs.com/stephenykk/p/6072295.html
Copyright © 2011-2022 走看看