zoukankan      html  css  js  c++  java
  • h5新增加的存储方法

    h4中使用的cookie把用户信息保存在客户端浏览器,但是它受到很多限制。

    大小:最多能存储4k

    带宽:它是随着http请求一起发送到服务器的,因此浪费一部分的带宽。

    复杂度:操作复杂。

    h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStorage

    sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,session对象可用来保存在这段时间内所要求保存的任何数据

    localStorage:将数据保存在客户端本地的硬件设备中,即使浏览器关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可用 区别:sessionStorage为临时保存,localStorage为永久保存。

    sessionStorage 临时保存用一窗口的数据 关闭窗口时会删除数据
    存的两种方式
    一setItem()方法存储:sessionStronge.setItem("test","测试")
    二通过属性方式存储: sessionStronge["test"]="测试";

    一getItem()方法取:sessionStronge.getItem()
    二属性方法取:sessionStronge["test"]
    销毁sessionStronge.clear()
    可存储json格式数据 转换成json格式字符串格式存储
    var obj={
    name:"test",
    age:18
    }
    sessionStronge.setItem("test",JSON.stringify(obj));


    localStorange用来作为本地存贮,解决了session存储空间不够的问题
    访问当前域名,关闭当前域名再次打开会存在
    缺陷:高版本支持 ie8以上支持(以下用userData)
    不能被爬虫获取
    浏览器隐私模式下是不可取的
    存储内容过多会是页面变卡

    var storage=window.localStorange;
    storange.setItem("test",3);

    storange.getItem("test");
    全部删除
    storange.clear();
    删除某一个
    storange.removeItem("test");
     

  • 相关阅读:
    python 适合的才是最好的
    [转]linux 同步IO: sync、fsync与fdatasync
    Java Metrics系统性能监控工具
    [转]mysql共享锁和排它锁
    基于空间数据库MongoDB实现全国电影票预定系统
    sharing-jdbc分库分表规则
    乐观锁更新失败处理小坑
    通过MessageFormat进行字符格式拼接,比String.format跟方便
    通过jvisualvm监控fullgc
    防止重复提交
  • 原文地址:https://www.cnblogs.com/xuxiaoyu/p/10732741.html
Copyright © 2011-2022 走看看