html5存储类型及区别

参考链接：https://www.cnblogs.com/LuckyWinty/p/5699117.html

HTML5之前，存储主要是用cookies。cookies的缺点有：在请求头上带着数据，大小是4k之内。主Domain污染。

Cookie 是一个请求首部，其中含有先前由服务器通过 Set-Cookie  首部投放并存储到客户端的 HTTP cookies。

这个首部可能会被完全移除，例如在浏览器的隐私设置里面设置为禁用cookie。

Header type	Request header
Forbidden header name	yes

 语法

Cookie: <cookie-list>
Cookie: name=value
Cookie: name=value; name2=value2; name3=value3

<cookie-list>

一系列的名称/值对，形式为 <cookie-name>=<cookie-value>。名称/值对之间用分号和空格 ('; ')隔开。

主要应用：购物车、客户登录

对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。

HTML5 本地存储速度快而安全。包括两个：

1. localStorage：适用于长期存储数据，浏览器关闭后数据不丢失；
2. sessionStorage：存储的数据在浏览器关闭后自动删除。

cookie和sesion的区别：https://www.cnblogs.com/hammerc/p/6473465.html

localstorage

存储方式：

以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。

大小：

每个域名5M

支持情况：

注意：IE9 localStorage不支持本地文件，需要将项目署到服务器，才可以支持！

常用的API：

getItem //取记录

setIten//设置记录

removeItem//移除记录

key//取key所对应的值

clear//清除记录

存储的内容：

数组，图片，json，样式，脚本。。。（只要是能序列化成字符串的内容都可以存储）

sessionstorage

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。