cookie、localStorage、sessionStorage区别:

文章目录

  • cookie、localStorage、sessionStorage区别:
            • 一、生命周期:
            • 二、存放数据的大小:
            • 三、与服务器之间的通信:
            • 四、操作:

cookie、localStorage、sessionStorage区别:

localStorage、sessionStorage都是HTML5新增的本地存储方式;而cookie主要保存登录信息来辨别用户身份的数据
一、生命周期:

localStorage:生命周期是永久的,它不能设置过期时间,需要自己手动处理删除它,否则关闭页面或浏览器之后localStorage中的数据也不会消失。

sessionStorage:它的生命周期是在仅在当前会话下有效,刷新页面同样存在,但关闭浏览器或者关闭页面之后会数据清除。

cookie:一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效。

二、存放数据的大小:

localStorage,sessionStorage它们的容量大小是5M,而cookie一般就只有4kb

三、与服务器之间的通信:

localStorage,sessionStorage它们仅在客户端(即浏览器)中保存,不参与和服务器的通信,cookie每次都会携带在HTTP头中(弊端:如果使用cookie保存过多数据会带来性能问题)

四、操作:

localStorage和sessionStorage都具有相同的操作方法:
都是同样的操作方法,只需要换个名字就行,在这里用localStorage举例:

setItem存储value:

 localStorage.setItem("name", "作者");

getItem获取value:

let names = localStorage.getItem("name");

removeItem删除value:

localStorage.removeItem("name");

clear清除所有的value:

localStorage.clear();

你可能感兴趣的:(js)