localStorage - 没有时间限制的数据存储

最新推荐文章于 2024-06-07 09:17:51 发布
最新推荐文章于 2024-06-07 09:17:51 发布
阅读量910 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqzmc/article/details/72924783
版权

localStorage - 没有时间限制的数据存储

里写图片描述
当我点击商品管理下面的各个分类的时候，需要记录我点击的索引，这时候就需要用到localStorage,
这里写图片描述
在上面的代码中，当我需要获取class为panel下面li的索引，并且给点击的li加上选中之后的样式，我定义了localStorage.li_index来保存我当前点击的列表的索引
这里写图片描述

小妮子要坚强
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStorage
sh2001824的博客
07-19 790
localStorage
带有过期时间可以存储所有数据类型的localStorage方法
08-12
带有过期时间，可以存储所有数据类型的localStorage方法
localStorage存储时间
m0_72642533的博客
02-10 2966
localStorage。localStorage默认是没有过期时间的，我们想自动清除某些缓存该怎么办呢？思路：重写localStorage的get和set方法，在set的时候加入时间戳对象，get的时候取出这个对象，判断时间戳即可(存值时间戳 + 有效时间戳 = 过期时间戳)
别再用错 localStorage 了！小心踩坑！
最新发布
前端开发博客
06-07 1089
大家好，我是前端宝哥。在 Web 应用的客户端存储领域，localStorage API 凭借其简洁性和广泛支持，成为了开发者们的心头好。它就像一个小巧的本地仓库，让你能够直接在用户的浏览器中存储少量数据。这篇文章将带你深入了解 localStorage API 的方方面面，包括它的优势、局限性，以及在现代应用中可用的其他存储选项。localStorage 是什么？localStorage API...
localStorage 之时间限制
weixin_34242819的博客
05-04 796
2019独角兽企业重金招聘Python工程师标准>>> ...
localStorage设置过期时间
qq_37200686的博客
11-13 1416
localStorage是永久保存的，但是如果存储的过多的话会影响客户端，所以保存时要设置过期时间 模拟场景：从localStorage中获取name对象，并alert出来 首先：定义存储localStorage的函数 function store(key,value,expire) { let obj = { time:new Date().getTime(), ...
localStorage 添加过期时间
weixin_34177064的博客
01-18 1228
localStorage 添加过期时间 之前对于 localStorage 的理解与使用，都是停留在存储的本地数据，只能手动清除，否则会永远保存在本地。最近在一次的业务逻辑中，偶尔发现 localStorage 还能巧妙的为其加上过期时间。 思路： 在存储数据的时候，多存入一个字段 time(值由当前时间戳 + 需要保留的过期时间的和组成)； 取数据的时候，则用当前的时间戳与本地数据的 ti...
设置localstorage过期时间（插件）
ys_dd的博客
08-04 327
可以使用cz-storage 安装：yarn add cz-storage || npm i cz-storage 使用如下：
浏览器本地存储-localStorage的介绍和使用
热门推荐
寻码启示
04-28 1万+
一、localStorage是什么？ 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作本地存储来的，解决了cookie占用带宽和存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage的大小，一般浏览器支持的是5M，但在不同的浏览器中会有所不同。 二、localStorage的优点和缺点 优点 1、localStorage突破了c...
localstorage用法及拓展
m0_61701551的博客
07-21 2981
localstorage用法及拓展sessionStorage和cookie
关于localStorage存储、读取、清除数据以及与sessionStorage的区别问题
upStar1的博客
02-21 4555
1.localStorage存储 window.localStorage.setItem('key',value) 但有时value为一个对象Object，以上面的方式写入，会出现读取的返回值为{object Object}的情况，但这并不是我们想要的，此时我们需要使用JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储 window.localStorage.setItem('param',JSON.stringify(Object)) 例： loc
localStorage的存储,读取,删除
weixin_44195615的博客
04-15 4614
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。 语法：window.localStorage 一、存储 window.localStorage.setItem('key',value) 二、读取 window.localStorage.getItem('key') 三、删除 window.local.
本地存储localStorage用法详解
12-09
一、什么是localStorage？ 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与局限 localStorage的优势 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cook
localstorage实现带过期时间的缓存功能
10-16
主要介绍了localstorage实现带过期时间的缓存功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
记第一次面试(问题：html5除了Cookie还有那些存储数据的方法？)
qq_32687373的博客
02-05 661
html5除了Cookie还有那些存储数据的方法？ html5提供了 sessionStorage和localStorage， //session级的存储在当前会话结束时就被清空了 sessionStorage.setItem('name','content'); var a = sessionStorage.getItem('name'); //local为永久的存储 localStora...
Cookie 、Session、localstorage、Sessionstorage的区别
MARTIAN的博客
02-24 9268
一、一些概念理解 Cookie & Session（会话跟踪技术）、H4的存储机制； localstorage、Sessionstorage是Web Storage，H5的本地存储机制。是针对HTML4中 Cookie 存储机制的一个改善，由于Cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的 Web Storage 存储机制。 WebStorage两个主要目标：（1）提供 cookie 之外存储会话数据的路径。（2）提供跨会话持久化存储大量数据的机制。 1. 会话（Sess
localStorage和sessionStorage之间的区别？
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
存储界：cookie、localstorage、sessionstorage
虎康的博客
08-06 2690
绑定在特定域名下，无法跨越浏览器对cookie数量的限制规定不同（例如FF规定每个域名最多50个，二Safari和chrome没有数量限制）所有cookie的累加长度限制为4KB，超长会被忽略（除了cookie本身的内容，还有部分可选属性可以被写入，必须都以分号开头）本地存储，存储的数据没有过期时间注：各浏览器支持的localStorage容量上限不同会话存储，存储的数据会在浏览器会话结束时被清除（即浏览器关闭时）...
localStorage 的用法
Aenm的博客
06-28 898
在客户端存储数据，HTML5 提供了两种在客户端存储数据的新方法： 1、localStorage - 没有时间限制的数据存储 2、sessionStorage - 针对一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。 在 HTML5 中...
localStorage和sessionStorage各自的存储时间和存储大小是多少？
04-10
**localStorage 的存储时间是无限制的，而 sessionStorage 的存储时间是关闭浏览器窗口即失效**。 localStorage 和 sessionStorage 都是 Web Storage API 的一部分，它们提供了在浏览器端存储键值对数据的能力。具体来说： - **localStorage**： 1. **存储时间**：localStorage 中的数据没有时间限制，它会一直保存在用户的浏览器中，直到被明确地删除或者通过程序进行清除。 2. **存储大小**：大多数浏览器支持的 localStorage 存储空间大约为5MB，但这个大小可能会因浏览器的不同而有所变化。 3. **数据共享**：在同一个浏览器中，不同的标签页之间可以共享 localStorage 中的数据。 4. **数据格式**：localStorage 只能存储字符串格式的数据，如果需要存储其他类型的数据，需要将其转换为 JSON 格式后再存储，读取时再转换回来。 - **sessionStorage**： 1. **存储时间**：sessionStorage 的过期时间是关闭浏览器窗口或标签页时，数据会立即失效，它是一个临时的会话存储。 2. **存储大小**：sessionStorage 的存储大小通常与 localStorage 相同，也是大约5MB，但同样取决于具体的浏览器实现。 3. **数据共享**：sessionStorage 也是在同一浏览器的不同标签页之间共享数据，但仅限于当前会话期间。 4. **数据格式**：与 localStorage 一样，sessionStorage 也只能存储字符串格式的数据。 综上所述，localStorage 和 sessionStorage 的主要区别在于它们的存储持续性和生命周期。localStorage 用于长期存储数据，即使浏览器关闭后数据仍然存在；而 sessionStorage 用于临时存储数据，只在当前会话期间有效。两者都提供了大约5MB的存储空间，且只能在同源策略下的不同浏览器标签页间共享数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值