Application scenarios of cookie, localStorage, and SessionStorage

1. Cookies


 1. cookie主要用于与服务器交互的存储,比如用户的登录信息,token令牌等。
 2. 存储数据大小:限制在4kb左右。
 3. 一般由服务器生成,可设置失效时间,一般都是页面关闭,或定时失效。
 4. 存储数据类型:字符串类型的键值对。

二、localStorage


 1. localStorage本地存储,不进行清理会永久保存。
 2. 有三个方法:setItem、getItem和removeItem。localStorage.setItem("key", "value"),localStorage.getItem("key"),localStorage.removeItem("key")。
 3. 存储数据类型:字符串类型的键值对。
 4. 清除所有的key/value:localStorage.clear()。

三、SessionStorage


 1. SessionStorage本地存储,仅在当前会话有效,关闭页面或浏览器后被清除。
 2. 有三个方法:setItem、getItem和removeItem。SessionStorage.setItem("key", "value"),SessionStorage.getItem("key"),SessionStorage.removeItem("key")。
 3. 存储数据类型:字符串类型的键值对。
 4. 清除所有的key/value:sessionStorage.clear()。

Guess you like

Origin blog.csdn.net/weixin_58195668/article/details/117363230