zoukankan      html  css  js  c++  java
  • html5新特性localStorage和sessionStorage

    HTML5 提供了两种在客户端存储数据的新方法:

    localStorage:

      (1)它的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。

      (2)它的容量大小是5M作用,而cookie一般就4kb.

      (3)它不能设置过期时间,需要自己处理清除,而cookie可以设置过期时间。

      (4)它的保存方式是明文暴露的,而cookie是保存在密文的

      (5)常用方法:

             (1)设置缓存:localstorage.set("myname" , "legendheng");

             (2)获取缓存:localstorage.get("myname" );

             (3)清除某个缓存:localstorage.remove("myname" );

             (4)清除全部缓存:localstorage.clear();

    在控制台调试器下的例子:

     

    sessionStorage:

      (1)它的生命周期是在仅在当前会话下有效,即使刷新页面同样存在,但关闭浏览器后会数据清除。

      (2)它的使用方法和localstorage基本相同,只不过是把localstorage改成sessionstorage

      (5)常用方法:

             (1)设置缓存:sessionStorage.set("myname" , "legendheng");

             (2)获取缓存:sessionStorage.get("myname" );

             (3)清除某个缓存:sessionStorage.remove("myname" );

             (4)清除全部缓存:sessionStorage.clear();

    在控制台调试器下的例子:

     

    两者的兼容比较:

  • 相关阅读:
    jsonp 请求和回传实现
    序列化实现原型模式
    java基础30问
    模板方法模式
    开发思维导图
    策略模式
    使用vue-router设置每个页面的title
    node.js解决中文乱码问题
    Vue-cli proxyTable代理 解决开发环境的跨域问题
    Vue缓存需要被缓存的页面
  • 原文地址:https://www.cnblogs.com/legendheng/p/9155677.html
Copyright © 2011-2022 走看看