【学习打卡】第8天 前端工程师2022版 localStorage第一讲

课程名称：前端工程师2022版

课程章节： localStorage

主讲老师：alex

课程内容：

今天学习的内容包括：

localStorage使用，cookie、sessionStorage及localStorage对比

课程收获：

1.localStorage使用

有一些数据需要存储在本地，但是不需要发送到服务器端，所以并不适合存放在cookie中，所以有了localStorage，只是存储在本地，，不会发送到服务器端，单个域名下的localStorage是有总大小限制的，一般不超过5m，localStorage有了两个属性，key和value（键值对）

基本用法：

locaoStorage有setItem（）方法，可以用来存储数据

localStorage.setItem("username","chris");

获取数据用getItem（）方法console.log（localStorage.getItem（‘username’））；获取不存在key的会返回null

removeItem（）用来删除数据

localStorage.removeItem('username');

删除不存在的key，没有任何反应，也不会报错

清除 clear（）

localStorage.clear（）；

2.cookie、sessionStorage及localStorage对比
cookie 会在服务器和浏览器之间传递。localStorage 和 sessionStorage 不会发给服务器，仅在本地保存。

cookie 存储数据小，不超过4K。localStorage 和 sessionStorage 存储大小较大，一般在5MB左右。

cookie 可以通过自带的属性设置有效期。localStorage 和 sessionStorage 没有自带的属性来设置有效期。localStorage 是永久存储在本地的，除非手动对其进行删除。sessionStorage 在关闭窗口或者浏览器时会被删除。

cookie 和 localStorage 在同源窗口中是共享的。sessionStorage 在不同的窗口中不能共享。