Web 存储

1.cookie：cookie存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端，但是我们也可以通过js来产生cookie；通常通过js-cookie这个库来操作cookie（通过以下链接，获取库：   

<script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.js"></script>）

创建一个cookie，7天后过期：  Cookies.set('name','larry',{expires:7});（设置cookie  参数：key  value   设置过期时间（expires））

Cookie：

1.产生于服务端，保存于客户端

2.面向服务器，在同一服务器Cookie是共享的

3.在不同服务器是不共享的，但是大小限制4K

二 会话存储：使用sessionStorage 进行会话存储，页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面。 打开多个相同的URL的Tabs页面，会创建各自的sessionStorage。关闭对应浏览器tab，会清除对应的sessionStorage。（存储数据可以达到5MB甚至更大）

设置会话存储：

sessionStorage.setItem（'name','zhangshan'）;

获取会话存储：

sessionStorage.getItem('name')

 清除/移除会话存储 参数:键名

sessionStorage.removeItem('name');

清除全部得会话存储

sessionStorage.clear();

三  本地存储：使用localStora 进行本地存储， 将数据存到本地磁盘中，即使浏览器关闭数据依然在，特点:将数据存储到本地磁盘 即使选项卡和浏览器关闭数据依旧存在，除非手动删除 否则数据一直存在本地磁盘中 传输得数据5M甚至更大

设置本地存储

localStorage.setItem('name','zhansan');

localStorage.setItem('age','12');

获取本地存储

console.log(localStorage.getItem('age'));

移除本地存储

localStorage.removeItem('name');

全部移除

localStorage.clear();