本地储存和会话储存

本地储存(localstorge),是html5新的规范,他在项目中也有极大的使用程度,他可以做到数据的持久化储存(仅限5M以下),也就是说用户不去主动清理或者网站不主动清理,他会永久保持在你的电子设备中,利用这个特点,我们用它来持久化保存一个特定的状态。比如说,用户的个人中心的一些信息,但是它最大的缺点就是保存在本地中,容易遭到不法网站的窃取。

会话,他的特点是用户开启网页就开启了一个会话(session),用户关闭网页时就关闭了。同样的,他也可以储存数据,会话储存(sessionstorge)和本地储存的使用方式非常类似,不同的是会话存储的东西在用户关闭网站后就销毁了,用户无需主动清理。我们用它短暂的保存一个特定的状态,比如说用户登录页面储存验证信息,导航栏的样式等等。

这里以localstore为例,(本地储存使用的比较多,会话储存使用的比较少)

localstore.setItem("key","value")   储存在本地储存中,然后通过getItem("key")方法在通过key值取得对应的值,removeItem("key") 这个方法可以移除特定的数据。clear()清空本地储存

本地储存可以再控制台上看到,比如说csdn本地储存在我的电脑中的一些数据

 会话储存

 那么当我退出csdn时,会发生什么呢?

 会话存储已经清空了。本地存储也会在我关闭网站时清空,去存储其他网站的信息

还是以localstorge为例,他可以将数组存储为字符串,我们使用JSON.stringify()将数组储存在本地储存中,比如

let numArr=[1,"abc",true]
localstorge.setItem("num",JSON.stringify(numArr))
console.log(localstorge)

取出这个数组使用 JSON.parse()方法,比如

let takeArr=JSON.parse(localstorge.getItem("num"))
console.log(takeArr)

猜你喜欢

转载自blog.csdn.net/qq_45662523/article/details/126534091