本文已参与「新人创作礼」活动，一起开启掘金创作之路
本文主要记录了localStorage、sessionStorage的增删改查以及cookie、localStorage、sessionStorage的区别。
localStorage
localStorage介绍
localStorage也是浏览器存储数据的一种方式，它只存在于浏览器，不会发送到服务器端；
localStorage以key-value的形式存储，value会自动转为字符串，单个域名下localStorage总大小为5M ；
localStorage存储期限
localStorage是持久化的本地存储，除非手动清除（通过js清除、清浏览器缓存等），否则永久有效；
localStorage基本操作
写入数据
使用setItem() 方法，向localStorage中写入数据；
key相同，后面数据会对前面的数据进行覆盖；
查询数据
使用getItem() 方法，可以通过key查询存储在localStorage中的value值；
查询不存在的key，返回null;
删除数据
使用removeItem() 方法，可以通过key删除存储在localStorage中的value值；
删除不存在的key，不报错;
清空localStorage
使用clear() 方法，可以清空localStorage;
sessionStorage
sessionStorage介绍
sessionStorage也是浏览器存储数据的一种方式，它只存在于浏览器，不会发送到服务器端；
sessionStorage与localStorage除存储期限不同外，其他用法一致；
sessionStorage存储期限
当会话结束（比如关闭浏览器）时，sessionStorage中数据会被清空；
sessionStorage基本操作
同localStorage；
cookie、localStorage、sessionStorage的区别
- cookie会在服务器和浏览器之间传递。localStorage和sessionStorage不会发给服务器，仅在本地保存;
- cookie存储数据小，不超过4k。localStorage和sessionStorage存储一般在5MB左右;
- cookie可以设置有效期；localStorage是持久化的本地存储，除非手动清除否则永久有效；sessionStorage在关闭窗口或者浏览器时会被删除;
- cookie和localStorage在同源窗口中是共享的，sessionStorage在不同的窗口中不能共享;
本文到此结束
如果大家还有什么其他想法，欢迎在评论区交流！
