请描述一下 cookies sessionStorage和localstorage区别
(1)相同点:都存储在客户端
不同点:1.存储大小
· cookie数据大小不能超过4k。
· sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
1
2
3
(2)有效时间
· localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
· sessionStorage 数据在当前浏览器窗口关闭后自动删除。
· cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭
1
2
3
(3)数据与服务器之间的交互方式
· cookie的数据会自动的传递到服务器,服务器端也可以写cookie到客户端
· sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
// localStorage: 本地缓存 对象
// 设置缓存
localStorage.setItem('name', 123456);
console.log(localStorage);
// 获取缓存
console.log(localStorage.getItem('name'));
// 设置缓存2
localStorage.aname = '12344555';
// 获取缓存2
console.log(localStorage.aname);
// 删除一项缓存
localStorage.removeItem('name');
console.log(localStorage);
// 清楚所有缓存
localStorage.clear();
console.log(localStorage)