首页 > 其他分享 >前端临时储存cookies、sessionStorage、localStorage

前端临时储存cookies、sessionStorage、localStorage

时间:2023-04-11 15:55:05浏览次数:40  
标签:cookies sessionStorage 存储 localStorage 本地 cookie

cookies、sessionStorage、localStorage的区别是什么?(浏览器)
1、cookie
(1)本身用于客户端和服务端通信
(2)但是它有本地存储的功能,于是就被“借用”
(3)document.cookie = …获取和修改即可
(4)cookie用于存储的缺点
①存储量太小,只有4kb
②所有http请求都带着,会影响获取资源的效率
③api简单,需要封装才能用document.cookie
2、localStorage,sesseionStorage
(1)html5专门为存储而设计,最大容量5M
(2)api简单易用
(3)lcoalStorage.setItem(key, value);localStorage.getItem(key);
(4)ios safari隐藏模式下:localStorage.getItem会报错,建议统一使用try-catch封装
3、sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

标签:cookies,sessionStorage,存储,localStorage,本地,cookie
From: https://www.cnblogs.com/yugueilou/p/17306502.html

相关文章

  • Chrome103版本获取不到sessionStorage
    问题现象:上传附件功能报错,经排查发现,是因为上送字段中userId获取失败,被服务端拒绝请求。userId=window.sessionStorage.getItem('userId')问题暴露阶段:生产环境Chrome103问题原因:上传功能是在新弹开tab页中实现的,Chrome89后,新弹开的tab页默认不再共享sessionStorage。而测试环......
  • python Django中的cookies和session会话保持技术
    cookies和session都是为了保持会话状态而诞生的两个存储技术会话定义:从打开浏览器访问一个网站,到关闭浏览器结束此次访问,称之为一次会话HTTP协议是无状态的,导致会话状态难以保持Cookies-定义cookies是保存在客户端浏览器上的存储空间Cookies特点......
  • vue-cookies用法
    importCookiesfrom'vue-cookies';constcookies={};cookies.set=function(name='default',value='',cookieSetting=60*60*24*365){Co......
  • 3-1.3-3初识localStorage|3-5的localStorage的注意事项|课程总结
    localStorage是什么localStorage也是一种浏览器储存数据的方式(本地储存),他只是存储在本地,不会发送到客户端单个域名下的localStorage总大小有限制lo......
  • localStorage和sessionStorage的5M存储的单位是什么
    答案:webstorage的5M存储的单位是字符的长度值(或者utf16的编码单元)注:字符的长度不等于字符的个数localStorage和sessionStorage采用的UTF-16字符编码'a'.length;/......
  • 初识别localStorage、IocalStorage的注意事项
    初识别localStoragelocalStorage是什么localStorage也是一种浏览器存储数据的方式(本地存储),它只是存储在本地,不会发送到服务器端单个域名下的localS......
  • Vuex 和 localStorage 的区别
    Vuex和localStorage的区别最重要的区别:vuex存储在内存中localstorage则以文件的方式存储在本地,只能存储字符串类型的数据,存储对象需要JSON的stringify和parse方......
  • localStorage 的注意事项与初识 Ajax
    localStorage的注意事项localStorage的存储期限localStorage是持久化的本地存储,除非手动请求(比如通过js删除,或者清除浏览器缓存),否则数据是永远不会......
  • 初识 localStorage-1与 初识localStorage-2
    初识localStorage-11.localStorage是什么localStorage也是一种浏览器存储数据的方式(本地存储),它只是存储在本地,不会发送到服务器端......
  • 问 cookie、localStorage、sessionStorage 区别
    解:cookie是在HTML4中使用的给客户端保存数据的,也可以和session配合实现跟踪浏览器用户身份;而webstorage(包括:localStorage和sessionStorage)是在HTML5提出来的,纯粹为了......