localStorage和sessionStorage和Cookie是前端开发中三种常见的临时存储客户端会话信息或者数据的方法。它们都存储在客户端中。
区别:
一.三者存储的有效时期不同
1.Cookie存储的有效时期可以设置,一般在浏览器关闭后
2.localStorage的有效时期为永久,如果不手动删除它会一直存在
3.sessionStorage的有效时期为当前页面关闭,只要当前页面不关闭,它就会一直存在
二.存储的大小是不同的
1.Cookie存储的控件较小,大约4KB左右,一般最多存储20条信息
2.localStorage和sessionStorage的存储控件在5MB左右
三.与服务端的通信
1.cookie会参与到与服务端的通信,一般会携带在服务端的请求头中
2.localStorage和sessionStorage只在客户端中,不参与服务端的通信
四.创建方法
// Cookie的操作比较麻烦
document.cookie = 'uasername=lilei,age=18'
var cookie = document.cookie
// localStorage,sessionStorage
// 设置
setItem(key,value)
// 读取
const value = getItem(key)
// 删除
removeItem(key)
// 移除所有数据
clear()