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

前端本地存储技术

最近公司项目需要用到存储，一开始采用的是用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的生命周期就是这个页面，页面跳转直接清空，页面关闭直接清空，一般用的比较少！

畅谈前端

前端程序员的家