cookie，sessionstorage, localstorage之间的区别

cookie，sessionstorage, localstorage之间的区别

1.大小区别

cookie： 数据根据不同浏览器限制，大小一般不能超过 4k
sessionStorage - localStorage： 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大

2、时间限制

cookie: 设置了时间限制，一段时间后就会失效，与浏览器是否关闭无关
sessionStorage： 基于窗口，只要窗口不关闭就一直都在，

sessionStorage 属性允许你访问一个，对应当前源的 session Storage 对象。它与 localStorage
相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage
里面的数据在页面会话结束时会被清除。

localStorage：只要不手动删除掉，就一直存在

// 保存数据到 sessionStorage sessionStorage.setItem(‘key’, ‘value’);

// 从 sessionStorage 获取数据 let data = sessionStorage.getItem(‘key’);

// 从 sessionStorage 删除保存的数据 sessionStorage.removeItem(‘key’);

// 从 sessionStorage 删除所有保存的数据 sessionStorage.clear();

文字不多说 如图所示