芭比龙

导航

浏览器的存储?不同点?

一、cookie

由服务器生成,客户端进行维护和存储,通过cookie可以让服务端知到请求时来自那个客户端,并对客户端状态进行维护。set-cookie

cookie的工作并非本地存储,而是状态维持。

应用场景:自动登录、购物车功能等

缺点:存储量只有4KB,4KB容量限制是对cookie中的name=value的value来说的,并不是所有的cookie。

可以设置过期时间:Expeires

二、webStorage

1.localStorage:本地存储,适用于存储内容稳定的资源,如电商网站的图片。

特点:长期存储  ,5MB容量,不与服务端通信

localStorage.setItem('key','value')   保存数据

localStorage.getItem('key','value')   获取数据

localStorage.removeItem('key','value')   移除保存的数据

localStorage.clear('key','value')   清空所有数据

 

2.sessionStorage用于浏览器的一次会话,当会话结束,数据清空。

特点:会话级别的存储,5MB大小容量,不与服务端通信。

方法同上;

总结:以上三种存储主要是存储大小不同,生命周期不同,作用域不同(local是同端口下,session是同窗口)

posted on 2020-08-14 14:37  芭比龙  阅读(157)  评论(0编辑  收藏  举报