前端生存之路【localStorage的用法】

最新推荐文章于 2025-03-26 19:32:15 发布

JINMINGIS

最新推荐文章于 2025-03-26 19:32:15 发布

阅读量308

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.youkuaiyun.com/Yuoliku/article/details/110471760

版权

localStorage 持久化的存储，不会因为界面的刷新或者重启浏览器而消失，除非清除缓存

用途【vue】
vueX会因为界面的刷新而丢失数据，通过localStorage存储可以避免
在这里插入图片描述
通过 "名/键"的方式存储在浏览器中

使用

localStorage.setItem('fontSize', 15)
localStorage.getItem('fontSize')
存放对象 以JSON格式存放  不受页面刷新影响
localStorage.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JINMINGIS

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

cookie、sessionStorage和localStorage的区别（详细）

微微的猪食小窝

11-13

1437

1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

三分钟了解cookie、session、sessionStorage、localStorage

qq_42774501的博客

01-16

2172

cookie、session、sessionStorage、localStorage的作用及使用场景在浏览器查看cookie 这是在csdn下打开的cookie信息，若关闭网页，重新打开，则cookie信息清空；如下图你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。作用浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端

参与评论您还未登录，请先登录后发表或查看评论

localstorage本地存储工具

05-24

提供get,set,del方法，快捷在本地存储数据，所有浏览器通用（不支持localstorage的，使用cookie保存）

前端本地存储之LocalStorage

weixin_54203047的博客

10-29

2943

LocalStorage 是浏览器提供的一种 Web 存储形式，它允许 Web 应用程序将数据本地存储在用户的浏览器中，并且没有过期日期。在这里，即使您关闭浏览器选项卡/窗口，存储的数据也将保持可用。请注意，存储在 LocalStorage 中的数据仅保留在用户用于访问站点的设备上的浏览器中。因此，如果用户稍后使用不同的浏览器或在另一台设备上重新访问同一站点，他们将无法访问存储的数据。

前端数据存储全解析：localStorage、sessionStorage 与 Cookie

热门推荐

michiko98的博客

06-14

1万+

localstorage

浏览器中的三种存储Cookie，Session，LocalStorage

qq_41708308的博客

05-08

2124

开发工具与关键技术：工具：MyEclipse 10 技术：Java 作者：范子超撰写时间：2019-05-06 Cookie Cookie储存在客户端，由用户自己销毁 Cookie：客户端信息存放对象，可以把用户的信息保存在用户的本地，不必总是访问服务器 Cookie用于保存客户浏览器请求服务器页面的请求信息，也可以用它保存非敏感性的内容。保存时间可以根据需要设置。如果没有设置C...

web前端工程师高频面试题

06-25

15. **cookie、sessionStorage和localStorage**：存储用户数据的方式，区别在于存储量、生存期和作用域。 16. **GET与POST请求**：GET用于获取资源，POST用于提交数据，GET安全性较低，POST更稳定。 17. **new操作符...

localStorage详细总结

weixin_30826761的博客

09-19

278

一、localStorage简介：在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势与局...

前端学习。localstorage

xyy的博客

07-27

216

https://www.cnblogs.com/st-leslie/p/5617130.html

HTML5 localStorage使用教程

weixin_34006468的博客

07-03

150

在客户端存储数据，HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器...

前端本地存储localStorage及应用

getTheCheeseOfGod的博客

02-17

2457

localStorage

前端缓存localStorage和sessionStorage

Liu_Si_Jia的博客

10-20

229

localStorage.fresh = "vfresh.org"; // 设置一个键值 var a = localStorage.fresh; // 获取键值 // API // 清空storage localStorage.clear(); //设置一个键值 localStorage.setItem("fresh", "vfresh.org"); // 获取一个键值 localStorage.getItem("fresh"); // return "vfresh.org" // 获取指定下表的

JavaScript 学习-49.localStorage前端保存数据

qq_27371025的博客

10-09

1138

localstorage 在浏览器的 API 有两个：localStorage 和sessionStorage 存在于 window 对象中：localStorage 对应 window.localStorage，sessionStorage 对应 window.sessionStorage。

使用localStorage 进行前端的本地存储

shenju2011的博客

09-17

1548

定义和使用 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。保存数据： localStorage.setItem("key", "value"); 获取数据： var last...

前端性能优化五十：localStorage、sessionStorage统一管理方案

wanmeijuhao的博客

12-27

589

【代码】前端性能优化五十：localStorage、sessionStorage统一管理方案。

localStorage前端使用

12-13

在前端开发中，localStorage是一种用于在浏览器中存储数据的机制。它允许开发者在用户的浏览器中保存键值对数据，并且这些数据在浏览器关闭后仍然存在。以下是localStorage的一些主要特点和用法： 1. **存储数据**...