100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 本地储存和会话储存

本地储存和会话储存

时间:2022-07-14 11:25:08

相关推荐

本地储存和会话储存

本地储存(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)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。