本地存储，localstorage，sessionstorege,cookie各自的区别和特点？

最新推荐文章于 2024-05-22 15:16:19 发布
最新推荐文章于 2024-05-22 15:16:19 发布
阅读量833 收藏 2
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24800489/article/details/99361677
版权

localstorage存储的内容大概20MB、不同浏览器不能共享,但是在同一浏览器的不同窗口中可以共享、IE8以上的IE版本才支持、值类型限定为string类型、存储内容多的话会消耗内存空间，会导致页面变卡；

​ sessionstorage存储的容量是5MB左右、仅仅存储在当前页面的内存中、生命周期为关闭当前页面；

​ cookie存放数据大小为4K左右、有个数限制（各浏览器不同），一般不能超过20个、生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

qq_24800489
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js 数据存储和处理总结及其store.js插件和localStorage的区别
qq_40634383的博客
04-22 2127
前言 关于对象和数组的存储 对象；如： var list = {id:001,name:"Mike",phone:"1231231"} 数组；如 var list = [{id:001,name:"Mike",phone:"1231231"},{id:002,name:"Peter",phone:"777777"}] Vue.js对对象和数组的使用 针对对象类的数据使用；如：{...
vux(store) 、localstorage、sessionStorage、cookie存储使用总结(vue)
u011097323的专栏
03-12 1594
cookie 浏览器储存 最大4KB document.cookie=cname+"="+cvalue+";"+expires; document.cookie.split(';'); 有个数限制（随浏览不同）一般不能超过20个； 与服务端通信，每次都会携带在HTTP头中 如果使用cookie保存过多数据会带来性能问题 ...
localStorage和sessionStorage
Paranoid_99的博客
09-29 306
他们都是存储客户端临时信息的对象，只能存储字符串类型的对象,存放数据大小一般为5MB。，不同浏览器无法共享他们的信息，但相同浏览器的不同页面可以共享相同的localStorage(页面属于相同域名和端口)，不同的页面或标签无法共享sessionStorage的信息。 localStorage(本地存储) localStorage生命周期是永久，如果不清除这些信息将永远存在。 方法 // 存储 localStorage.setItem(id, string); // 取 localStorage.getIte
vuex.store把state中的数据分别存localStorage 和 sessionStorage中
最新发布
weixin_45907435的博客
05-22 182
在Vuex.Store默认把数据存到localStorage中，但如果想要同时存到sessionStorage中，可以借助createPersistedState 实现功能。3、最后在控制台打开可以看到 sessionStorage 和 localStorage 中发现 vuex 对象。2、在new Vuex.Store对象中 添加 plugins 对象。1、安装createPersistedState。
vuex(store)和浏览器本地存储有什么区别
oLylia的博客
10-22 1667
vuex(store)和浏览器本地存储有什么区别?是否可以用浏览器存储来替代vuex?
localStorage 用法
lylyyg的专栏
04-10 493
    locaStorage 是 Storage 的实例，有 setItem(name, value) 、getItem(name)、removeItem(name)、key(index)、.操作符、clear()方法， 还可以根据 length 属性获取 localStorage 中有多少键值对。    Storage 类型只能存储字符串，非字符串的数据在存储之前会被转换成字符串。    因此...
本地存储之localStorage语法
陈皮糖的博客
03-31 1261
使用场景: 例如搜索栏的搜索历史,购物网站面包屑导航的分类 针对搜索历史,现在数据存储在后台数据库(大数据,联想淘宝搜索,第二天弹出类似.) 注意: localStorege 只能存字符串,如果是其他类型的数据,都会转换成字符串 如果要如果要在localStorage中存储复杂类型的数据,需要使用JSON.stringify() 转成 json字符串 localStorage.getItem取到...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
使用localStorage替代cookie做本地存储
10-16
主要为大家详细介绍了使用localStorage替代cookie做本地存储，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
本文主要介绍了三种本地储存方式：`sessionStorage`、`localStorage`和`cookie`。 1. `sessionStorage` `sessionStorage` 只在当前浏览器会话中有效，当用户关闭浏览器窗口或标签页时，存储的数据会被清除。它主要...
11.请介绍一下localStorege和sessionStorage
宋坚强大大~~
09-10 178
localStorege和sessionStorage是为了解决cookie的不足出现的。
HTML5 sessionStorage会话存储
weixin_34238642的博客
07-20 2328
 　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 目录 1. 介绍 　　1.1 说明 　　1.2 特点 　　1.3 浏览器最小版本支持 　　1.4 适合场景 2. 成员 　　2.1 属性...
localStorage
......的博客
10-23 430
1.localStorage的特点相对于其他存储方式，localStorage有以下几个特点 （1）存储在客户端中 （2）存储容量大：能存储5M甚至更多的数据 （3）能一直存在于浏览器中，除非用户自己手动删除2.localStorage的获取var storage = window.localStorage;/*第一种方法*/ storage.name; /*第二种方法*/ storage["
HTML5 Web 存储（localStorage和sessionStorage）
热门推荐
sleepwalker_1992的专栏
09-24 1万+
HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。 localStorage localStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通...
sessionStorage会话存储
七侠剑客的博客
05-21 1762
sessionStorage会话存储 转至：https://www.cnblogs.com/polk6/p/5512979.html 该文主要作为学习笔记进行转载，如有侵权请联系 1. 介绍 1.1 说明 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaScript语言中可通过 windo...
整理localStorage和sessionStorage的特点和用法
kbsatan的博客
07-03 503
基本介绍 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。它的属性是只读的。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 localStorage的优点 1、localStorage 拓展了 cookie 的 4K 限制。 2、localStorage 会可以将第一..
sessionStorage可共享情况和localStorage
weixin_33895604的博客
11-15 1824
1、不同浏览器无法共享localStorage和sessionStorage的值。 2、相同浏览器下，并且是同源窗口（协议、域名、端口一致），不同页面可以共享localStorage值，通过跳转的页面可以共享sessionStorage值。 3、关于sessionStorage，通常说sessionStorage关闭页面即消失，但是通过跳转的页面可以共享sessionStorage值，跳转有多...
本地存储(Local Storage) 和 会话存储(Session Storage)
Create value with coding
03-02 1万+
我不会告诉你任何定义和概念，上车读完这篇博客，你就会对本地存储和会话存储有一个清晰的认识。
面试题20：localStorge与sessionStorge、cookie区别
qq_51066068的博客
04-25 2415
面试官：请说一下localStorge与sessionStorge、cookie区别 html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅是会话级别的存储。只允许同一窗口访问。而localStorage.
localStorage和sessionStorage的区别是什么？
03-14
// 使用localStorage存储数据 localStorage.setItem('name', 'John'); console.log(localStorage.getItem('name')); // 输出：John // 使用sessionStorage存储数据 sessionStorage.setItem('age', '25'); console....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值