存储的三种方式

Cookie？
Cookie设计初衷是用来和服务器通讯，而不是本地存储，他只是被‘借用’到本地存储。

• cookie数据大小不能超过4k。
• cookie：设置的cookie过期 时间之前一直有效，即使窗口或浏览器关闭。
• cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端

存入:设置过期时间
var date = new Date('2020-12-21 00:00:00')
document.cookie = "use=no,expires="+date
获取:
document.cookie()
使用中级版的封装方式: getCookie(key)
删除:
var del = function(name){setCookie(name,"",-1)}
使用终极版封装方式:removeCookie(key)

LocalStorage？

• localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
• localStorage：存储持久数据，浏览器关闭后数据不丢失除非主动删除数据。
• localStorage不会自动把数据发给服务器，仅在本地保存。

存：localStorage.setItem(“key”,JSON.stringify(key));
读：name=JSON.parse(localStorage.getItem(key));
删除所有 : localStorage.clear();

删: localStorage.removeItem('key');
json.stringify是转换成字符串，json.parse转换成对象。

SessionStorage？

• SessionStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
• lSessionStorage：浏览器关闭后自动删除
• localStorage不会自动把数据发给服务器，仅在本地保存。

存：SessionStorage.setItem(“key”,JSON.stringify(key));
读：name=JSON.parse(SessionStorage.getItem(key));
删除所有 : SessionStorage.clear();

删: SessionStorage.removeItem('key');
json.stringify是转换成字符串，json.parse转换成对象。