Web储存和应用缓存

webStorage存储是对HTML4中cookie的改善。
Web Storage又分为localStorage和sessionStorage

1.本地存储（localStorage）

简单来说就是用于持久化的本地存储，除非主动去删除，否则将会永远存在。

    ```
//保存数据的方法
localStorage.setItem('key','value');
或者
localStorage.key='value';

//读取数据的方法
var a=localStorage.getItem('key');
或者
var a=localStorage.key;
console.log(a);

2.会话存储（sessionStorage）
用于本地存储一个会话中的数据、这些数据只有在当前会话中才能被访问，并且随着当前会话结束数据也随之销

//保存数据的方法
sessionStorage.setItem('key','value');
或者
sessionStorage.key='value';

//读取数据的方法
var a=sessionStorage.getItem('key');
或者
var a=sessionStorage.key;
console.log(a);

Web Storage和cookie相似，区别是它是为更大的容量设计的，而cookie的大小是受限的，而且cookie需要指定作用域，不可跨域调用。
cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而WebStorage则是为了本地存储。