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");
     

  • 相关阅读:
    asp.net中利用session对象传递、共享数据[session用法]
    敏捷软件开发要点【转载】
    简化 Django
    由浅入深探究mysql索引结构原理、性能分析与优化
    Instagram的技术架构
    nosql数据库选型
    以Facebook为案例剖析科技公司应有的工具文化
    Hadoop2.2.0安装配置手册!完全分布式Hadoop集群搭建过程~(心血之作啊~~)
    spark0.9分布式安装
    前端开发框架选型清单
  • 原文地址:https://www.cnblogs.com/xuxiaoyu/p/10732741.html
Copyright © 2011-2022 走看看