发布时间:2022-08-14 文章分类:编程知识 投稿人:王小丽 字号: 默认 | | 超大 打印

一、背景由来

cookie原来是用来网络请求携带用户信息的,只不过在HTML5出现之前,前端没有本地存储的方法,只能使用cookie代替

localstorge、sessionStorge是html5提供的API,极大的方便了前端在客户端存储数据

cookie和localstorge、sessionStorge的区别

二、那么这三者有什么区别呢?

1.存储时间

cookie可以自定义时间的有效性

sessionStorge是关闭标签和浏览器即刻消失

localstorge始终存在客户端,只要不是手动删除

2.存储大小

cookie只有4K

localstorge、sessionStorge有5M

3.API易用性

cookie只有document.cokkie=" " 太麻烦

localstorge、sessionStorge提供了getitem和setItem方法

4.是否随网络请求发送

cookie会被浏览器网络请求中自动读取发送,而localstorge、sessionStorge不会