cookie localStorage sessionStorage

cookie 

cookie原本用于浏览器和serve通讯，由于可读取，被用来做本地存储。

前后端都可以修改cookie，发送网络请求的时候会放在request header的Cookie里面 

使用方法：document.cookie = "a=100;b=200"，设置cookie的时候，如果设置的key一致，会覆盖原来的key，如果key不存在，是一个追加过程。

使用cookie作为本地存储的缺点：

1 存储限制：上线4kb

2 每次请求都会把cookie带到服务端，增加请求过程中的数据量。

3 api不够友好，覆盖或追加需要自己比对

localStorage和sessionStorage

特点：html5专门为本地存储设计的api，存储大小5M。

常用api：

增：　　　　localStorage.setItem("key","value")

      　　　　sessionStorage.setItem("key","value")

删：　　　　localStorage.removeItem("key")

      　　　　sessionStorage.removeItem("key")

删除所有：   localStorage.removeAll();

　　　　      sessionStorage.removeAll();

localStorage和sessionStorage的区别

localStorage如果不手动删除，是永久存在的，sessionStorage的声明周期只存在当前网页，如果网页关闭，就会自动清空。