localStorage的getter与setter

污斑兔

已于 2024-10-29 12:35:37 修改

阅读量187

点赞数 2

文章标签： JavaScript 前端

于 2024-10-27 22:21:33 首次发布

本文链接：https://blog.youkuaiyun.com/zweizhao/article/details/143276042

版权

localStorage的getter与setter

localStorage是有直接点语法赋值和取值

赋值

localStorage.setItem(key, value)可以使用localStorage.key = value。

‍

取值

同样的，localStorage.getItem(key)可以使用localStarage.key。

‍

sessionStorage同样，就不重复了。

‍

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

污斑兔

关注关注

2
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

火狐浏览器无法重写localStorage的setItem，从而实现对localStorage数据变动的监听

qq_41411483的博客

05-10

2112

火狐浏览器无法重写localStorage的setItem 最近在公司维护项目时，遇到一个问题，如下代码所示（已经简化）: /** 主要实现对setItem的重写，实现对localStorage数据变动的监听 */ var signSetItem = localStorage.setItem; localStorage.setItem = function (key, newValue) { var setItemEvent = new Event("setItemEvent"); se

localStorage的使用

ngczx的博客

10-24

638

localStorage的使用

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

computed的getter 和setter 方法、一些常用数组方法和本地储存空间、会话储存空间、cookie

m0_71459231的博客

08-17

902

学习内容

取值函数(getter)和存值函数(setter)

lishuaihao的博客

08-08

1145

但是有一个很重要的一点，刷新页面后usertoken就变成空了，为了解决这个问题，就必须使用本地存储，那么本地存储应该如何与vuex相结合起来呢，那就必须要用到下面的写法了，然后就用到了get与set函数了。当你明白了get与set函数的使用后，肯定会想上面第一段代码那么简单，谁会去用第二段代码，又多又不好理解，我只想说，你想的太简单了，哈哈哈~~~~相信大家一眼就看出来了，控制台打印的结果是lsh，那么如果我们把它改写成取值函数和存执函数要怎么写呢？而且他们和我们的平日里写的业务又是怎么练习起来的呢？..

Cookie与localStorage与sessionStorage的基本使用

qq_39593914的博客

03-28

249

Cookie与localStorage与sessionStorage的基本使用一、Cookie存取 1.基本功能获取并设置与当前文档相关联的 cookie。可以把它当成一个 getter and setter。 2.设置Cookie document.cookie = 'name=jiang'; document.cookie = 'age=18' 3.获取cookie console.log(document.cookie) // name=jiang; age=18 这里获取

Vue.js开发中基于localStorage与sessionStorage的本地存储利器：Vue-ls插件使用详解

在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。

06-21

3438

在Vue.js的开发过程中，我们经常需要在客户端存储一些数据，以便在用户关闭页面或刷新后能够恢复之前的状态。Vue-ls插件就是一个为Vue.js设计的本地存储解决方案，它基于localStorage和sessionStorage，使得在Vue组件中存取数据变得异常简单。

Html5中的localStorage

yaly200的博客

09-19

987

Web Storage基本介绍 HTML5 定义了本地存储规范 Web Storage ，提供了两种存储类型 API sessionStorage 和 localStorage，二者的差异主要是数...

Chromium 中Window.localStorage对象c++实现分析

杰克东的专栏

10-07

1945

对应实现public:private:const;const;*/提供了clear setitem等方法。对应实现：/** are met:* PROFITS;

js的setter和getter和Object.defineProperty

qq_33002773的博客

11-12

133

js对象的属性可以直接通过obj.name = "张三"这种方法实现也可以同过setter和getter来实现 var obj={ get firstName(){ return "join" }, set firstName(val){ console.log("haha"+val)//haha未来 } } obj.firstName = "未来"//这里会...

localStorage和sessionStorage本地存储 | 打卡每天一份劝退技能

程序员哆啦A梦，蓝胖子

01-30

743

大家好，我是魔王哪吒，很高兴认识你~~ 哪吒人生信条：如果你所学的东西处于喜欢才会有强大的动力支撑。每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，2021加油！欢迎关注加我vx:xiaoda0423，欢迎点赞、收藏和评论不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。前言如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，接收好挑战了吗？文章公众号首发，关注程序员哆

如何在Vue中使localStorage具有响应式(思想实验)

10-15

Vue的响应式系统依赖于`Object.defineProperty()`来创建getter和setter，以便追踪属性变化并触发视图更新。然而，`localStorage`不是对象，而是通过一组特定的方法（如`getItem`、`setItem`等）来操作的，因此无法...

Vue中实现localStorage响应式：实战与原理探索

当这些属性被改变时，Vue会自动更新视图，这是通过在属性上添加getter和setter实现的。当我们尝试直接将localStorage作为数据源时，Vue并不能感知到这个外部状态的变化，因为localStorage不在Vue的监视范围内。这...

Vue与localStorage的响应式实现策略

Vue的响应式系统依赖于数据属性的getter和setter，当数据属性的值改变时，Vue会自动更新视图。然而，由于localStorage是独立于Vue实例的，直接将localStorage的数据赋值给Vue的数据属性并不会触发响应式更新。如示例...

小记:把react项目从web迁移到electron

iamtsfw的专栏

06-15

414

使用vite构建,包含了react react-router-dom tailwindcss mui 主副进程通讯。routemain.jsx 路由定义文件。company.jsx 示例文件。终端里:npm install。解压后使用vscode打开。然后npm run dev。home.jsx 主页文件。main.jsx 启动文件。windows系统计算机。

前端面试专栏-基础篇：6. 跨域方案全对比（CORS/JSONP/Nginx）与安全攻防

爱分享的程序员

06-13

1391

协议（Protocol）：如http、https、ftp等域名（Domain）：包括主域名和子域名端口（Port）：默认端口可以不显式写出只有当这三个要素完全相同时，才被认为是同源。以下是一些典型示例说明：（HTTP协议）（HTTPS协议）→ 不同源（主域名）（子域名）→ 不同源（完整域名）（不同顶级域名）→ 不同源（8080端口）（8081端口）→ 不同源（默认80端口）（指定8080端口）→ 不同源。

山东大学《Web数据管理》期末复习宝典【万字解析！】

十二月的猫

06-12

1639

Web数据管理技术涵盖爬虫（URL判重、分布式架构）、网页解析（正则、DOM、Scrapy）、数据抽取（包装器生成与评价指标）。文本处理包括分词（HMM）、表示方法（词袋、TF-IDF、Word2Vec）及分类模型（fastText、TextCNN）。图像处理涉及特征提取（颜色直方图、HOG/SIFT），大语言模型重点分析Token化技术。结合工具（Nutch、BeautifulSoup）实现全流程解决方案。

关于Web APIs总结第三篇（完）

2301_76385322的博客

06-16

1038

BOM操作摘要 BOM(浏览器对象模型)包含window、navigator、location等对象。window是JS顶级对象，全局变量和方法都属于window。定时器setTimeout用于延时执行代码，仅执行一次。JS执行机制基于单线程和事件循环，区分同步任务、宏任务(如setTimeout)和微任务(如Promise)，执行顺序为同步→微任务→宏任务。location对象提供URL信息和导航方法，包含href、pathname等属性和assign、reload等方法。

this关键字