H5存储 2018-11-08

                                     本地存储

1. HTML4中使用cookies在客户端保存诸如用户名等简单的信息，但是，使用cookies存储永久数据存在以下问题：

 大小：cookies的大小限制在4KB----5M带宽：cookies是随HTTP事务一起被发送的，因此会浪费一部分带宽复杂性：正确的操纵cookies是很困难的 

HTML5重新提供了一种在客户端本地保存数据的功能，Web StorageCookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生   

2.Web Storage功能，就是在Web上存储数据，分为两种：

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

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

3.HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。localStorage提供了几个方法: 

1、存储：localStorage.setItem(key,value)如果key存在时，更新value� 

2、获取：localStorage.getItem(key)如果key不存在返回null� 

3、删除：localStorage.removeItem(key)一旦删除，key对应的数据将会全部删除�  

4、全部清除：localStorage.clear()某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据� 

5、遍历localStorage存储的key.length 数据总量，例：localStorage.length.key(index) 获取key，例：var key=localStorage.key(index); 

 6、存储JSON格式数据JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串JSON.parse(data) 将数据解析成对象，返回解析后的对象