本地储存(localStorage、sessionStorage、cookie)

一、各种存储方案的对比

Cookies:浏览器均支持,容量为4KB
LocalStorage:HTML5,容量为5M
SesstionStorage:HTML5,容量为5M

二、sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。当用户关闭浏览器窗口后,数据立马会被删除。

localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。第二天、第二周或下一年之后,数据依然可用。

三、localStorage 用法

1、存储数据
localStorage.setItem("name","caibin")
2、获取数据
localStorage.getItem("name")
3、删除数据
localStorage.removeItem("name");
4、清空数据
localStorage.clear()
参考:https://www.jb51.net/article/119995.htm
实例详解:https://www.cnblogs.com/st-leslie/p/5617130.html

四、sessionStorage用法(同localstorage)

参考:https://blog.csdn.net/rrz634171/article/details/78086065

五、cookie用法

import Cookies from 'js-cookie'
* 设置 cookie
Cookies.set('companyType', res.company_type, { expires: 1 })
* 获取 cookie
this.company_type = Cookies.get('companyType')

参考:https://blog.csdn.net/ZaynahLy/article/details/75514988

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容