2018-08-04

前言

今天做项目的时候遇到了这个问题，用户登录成功之后如何改变将登录的链接切换为用户名

解决方案：使用了sessionstorage缓存和js的onload加载事件

用户登录成功后使用缓存，将用户名设置到缓存中，然后在每个页面加载的时候获取到。

localStorage、sessionStorage之间的区别

共同点：都是保存在浏览器端、且同源的

区别：：

1、sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。’
2、sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大
3、数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭之前有效；

　　localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
4、作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；

　　　　　　　　localstorage在所有同源窗口中都是共享的；
5、web Storage支持事件通知机制，可以将数据更新的通知发送给监听者
6、web Storage的api接口使用更方便。

参考链接：Cookie、session和localStorage、以及sessionStorage之间的区别

转载于:https://www.cnblogs.com/xyblogs/p/9419942.html

2.javascript之缓存 localStorage 和sessionStorage之间的区别相关推荐

Cookie、session以及localStorage与sessionStorage之间的区别
一.Cookie.session和localStorage的区别 cookie的内容主要包括:名字.值.过期时间.路径和域.路径与域一起构成cookie的作用范围.若不设置时间,则表示这个cooki ...
sessionStorage 、localStorage 和 cookie 之间的区别(转)
essionStorage .localStorage 和 cookie 之间的区别(转) 2012-05-08 14:29:19| 分类: HTML5CSS3WEBAPP|举报|字号订阅 ses ...
Cookie、session和localStorage、以及sessionStorage之间的区别
转载自https://www.cnblogs.com/zr123/p/8086525.html Cookie.session和localStorage.以及sessionStorage之间的区别一. ...
cookie、localStorage和sessionStorage三者的区别
cookie.localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法,下面就简单介绍一下三者的区别: 一.存储的时间有效期不同 1.cooki ...
cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别
cookie 本来用于客户端和服务端通信, 但是因为它有本地存储的功能,于是被"借用"了. 使用方法 document.cookie 获取和修改即可缺点存储量太少,只有4kb ...
sessionStorage 、localStorage 和 cookie 之间的区别
共同点:用于浏览器端存储的缓存数据不同点: (1).存储内容是否发送到服务器端:当设置了Cookie后,数据会发送到服务器端,造成一定的宽带浪费: web storage,会将数据保存到本地,不会造 ...
js本地缓存-localStorage、sessionStorage
1.localStorage 持久化的本地储存,除非主动删除数据,否则数据是永远不会过期的.关闭页面仍然存在此数据 localStorage.setItem('username','zhangsan' ...
JavaScript对象、基本类型和字面值之间的区别
问题人们经常会遇到诸如对象(object),基本类型(primitive)和字面值(literal)这样的术语,这三者之间有何区别.我们又如何分辨他们呢? 解决方案一个JavaScript字面值表 ...
JavaScript函数节流和函数防抖之间的区别
函数防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间. let box = document.getElementById('bo ...

2.javascript之缓存 localStorage 和sessionStorage之间的区别