本地存储cookie、sessionStorage、localStorage

什么是cookie、sessionStorage、localStorage？

ookie、sessionStorage、localStorage都是浏览器的本地存储。

cookie、sessionStorage、localStorage共同点

都是存储在浏览器本地的

cookie、sessionStorage、localStorage的区别

ookie是由服务器端写入的，而sessionStorage、localStorage都是前端写入的。
cookie的生命周期是由服务器端在写入的时候就设置好的，而localStorage是写入就一直存在，除非手动清除，sessionStorage是页面关闭的时候就会自动清除。
cookie的存储空间比较小为4KB，sessionStorage、localStorage存储空间比较大，大概5M。
cookie、sessionStorage、localStorage数据共享都遵循同源原则，sessionStorage还限制必须是同一个页面。
在前端给后端发送请求的时候会自动携带Cookie中的数据，sessionStorage、localStorage不会。
Cookie一般用于存储登录验证信息SessionID或者token，localStorage一般用于存储不易变动的数据，
sessionStorage可以用来检测用户是否是刷新进入页面。

Cookie用法

1.写入：document.cookie=‘username=xxxx’；
2.读取：document.cookie;

localStorage用法

1.存储：localStorage.setItem(‘username’,‘alex’);
2.获取：localStorage.getItem(‘username’);
3.单独删除：localStorage.removeItem(‘username’);
4.全部删除：localStorage.clear();
5.自动填充：一般是用在form表单，在表单提交的时候把需要填充的数据保存在localStorage，
下次输入前取到对应的值进行填充即可。

sessionStorage用法

1.存储：sessionStoragesetItem(‘username’,‘alex’);
2.获取：sessionStorage.getItem(‘username’);
3.单独删除：sessionStorage.removeItem(‘username’);
4.全部删除：sessionStorage.clear();