前端几种存储方式 - localStorage、sessionStorage

https://www.cnblogs.com/LuckyWinty/p/5699117.html

h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。发送请求cookie会带过去浪费宽度资源。

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

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

---

三种存储方式：localStorage、sessionStorage、application cache

解决4k的大小问题，容量在4M左右

解决请求头常带存储信息的问题

解决关系型存储的问题

跨浏览器

1.本地存储 localStorage

存储方式：

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

大小：

    每个域名5M

常用的API：

    getItem //取记录

    setIten//设置记录

    removeItem//移除记录

    key//取key所对应的值

    clear//清除记录

    例如：localStorage.setItem("name","王明");

存储的内容：

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

2.本地存储 sessionStorage

    HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，

    sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

3.离线缓存（application cache）

......