前端开发本地存储技术……

前端本地存储技术

最近公司项目需要用到存储,一开始采用的是用cookie方式,

但是到页面上线的过程中确发现困难重重,cookie一般写在项目的配置文件中,

更改配置文件的后果就是很有可能,或者说有很大的风险导致用户cookie报错,

最后开始背锅!而且cookie太多的话对页面的加载等造成不必要的内存浪费!

很多人要问了,那不用cookie那用什么,js这么强大的语言已经给我们提供了一个很好的方法

localstorage和sessionstorage

先说localstorage 这个类似于cookie,存储数量大于cookie唯一的不同就是这个存储方法不经过服务器,

只限于本地存储,如果就是想让浏览器在本地给你记住某些值,这是你的不二选择,使用方法:

简单的一句话就把这个网址给存储起来了,这个缓存的名字叫做herf,也可以这样写:

下边是取

localstorage.getItem("herf")

如果是想把存储的所有值全部删除可以使用

localStorage.clear();//清空localStorage中所有信息

如果只想删除一个herf存储

localStorage.removeItem("herf")

下边说一下sessionStorage,它的api和localstorage是一致的,但是最大的区别是localstorage 的生命周期是永久,除非你把它删除,

但是sessionStorage的生命周期就是这个页面,页面跳转直接清空,页面关闭直接清空,一般用的比较少!

畅谈前端

前端程序员的家

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171220G0G09I00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券