localStorage和sessionStorage之间的区别?

x33g5p2x  于2022-03-23 转载在 其他  
字(0.9k)|赞(0)|评价(0)|浏览(318)

一、写在前面
今天总结一下localStoragesessionStorage之间的区别。
二、具体区别
2.1、声明周期的区别
localStorage是永久存储在浏览器中,只要当用户不删除数据,则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储,从名字session我们就可以看出来了,也就是当用户关闭浏览器,此时数据就会被销毁。
2.2、存储大小:localStorage和sessionStorage存储大小都是5MB
2.3、sessionStorage和localStorage都是存放在客户端,不与服务器进行交互通信。
2.4、存储内容类型:localStorage和sessionStorage只能存储字符串类型,如果遇到其他类型,则可以使用JSON对象的stringifyparse进行处理。
2.5、获取方式:
localStorage: window.localStorage
sessionStorage: window.sessionStorage。
2.6、应用场景:localStorage用于长期登录,sessionStorage用于敏感账号的登录。
三、webStorage的优点
3.1、webStorage存储空间更大,cookie为4KB,而webStorage为5MB。
3.2、节约流量:webStorage存储在本地,不会发送到服务端,所以减少了客户端和服务端直接的交流,节省
3.3、对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据,sessionStorage会非常方便;
3.4、快速显示:有的数据存储在WebStorage上,再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多,所以速度更快;
3.5、安全性:webStorage不会随着HTTP header发送到服务端,所以相比于cookie来说比较安全一些,不用担心被截获,但是任然存在一些伪造问题。
3.6、webStorage存在一些方法比cookie更加简便。

相关文章