localStorage和sessionStorage和Cookie的区别

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()