折腾:
【未解决】ReactJS页面是否支持传入url和其他登录信息等参数
期间,需要搞清楚:
在html,浏览器中,用于保存,别处传递过来的参数所用到的
localStorage和sessionStorage
有何区别
localStorage和sessionStorage
详说 Cookie, LocalStorage 与 SessionStorage | 咀嚼之味
HTML5本地存储:SessionStorage, LocalStorage, Cookie | Harttle Land
Cookie、sessionStorage、localStorage的区别 – 简书
cookie、 sessionStorage 、localStorage之间的区别和使用 – zhengyeye – 博客园
浅析localstorage、sessionstorage-前端开发博客
使用 Web Storage API – Web API 接口 | MDN
【总结】
借用别人总结的:
SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对!
区别在于前两者属于WebStorage,创建它们的目的便是存储客户端数据。 而Cookie早在网景公司的浏览器中就开始支持,最初目的是为了保持HTTP的状态。
LocalStorage和SessionStorage都是本地存储,不会被发送到服务器上。
对比:
特性 | Cookie | localStorage | sessionStorage |
数据的生命期 | 一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效 | 除非被清除,否则永久保存 | 仅在当前会话下有效,关闭页面或浏览器后被清除 |
存放数据大小 | 4K左右 | 一般为5MB | |
与服务器端通信 | 每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题 | 仅在客户端(即浏览器)中保存,不参与和服务器的通信 | |
易用性 | 需要程序员自己封装,源生的Cookie接口不友好 | 源生接口可以接受,亦可再次封装来对Object和Array有更好的支持 |