local-storage 相关问题

LocalStorage是一种使用JavaScript存储持久数据的方法(另请参见:SessionStorage)。

检查 localStorage 中的值是否以字符串和 console.log() 值名称开头

我有一个问题可能很难解释...但我会尽力解释。 所以,我在 localStorage 中有 3 个值,但我不知道它们的名字。假设有 a、b 和 c。值等于“好

回答 5 投票 0

localStorage 在 iFrame 中不可见

当我们在单独的选项卡中将一些数据设置到 localStorage 时,我们会遇到一个偶发性问题,然后当我们在另一个域下的 iFrame 中的同一浏览器中加载相同的域时,我们看不到这些数据...

回答 1 投票 0

如何让 document.querySelectorAll 将类的成员存储在 sessionStorage 或 localStorage 中并将其显示在另一个页面上?

过去三天我一直在尝试让这段代码正常工作,但确实遇到了困难。我想做的是创建 JS 代码,该代码将从我的 h 中检索某个主题内的文章预告片...

回答 1 投票 0

浏览器现在是否阻止访问跨源 iframe 内的 localStorage?

我们使用 iframe 设置来允许跨域持久登录。流程如下。 - 登录 https://a.com * 身份验证令牌存储在 localStorage 中 - 访问 https://b.com *...

回答 1 投票 0

页面刷新后保存并保留下拉值 PrimeNG

如何在页面刷新后保存并保留PrimeNG下拉项的下拉值? https://www.primefaces.org/primeng/#/dropdown 超文本标记语言 如何在页面刷新后保存并保留PrimeNG下拉项的下拉值? https://www.primefaces.org/primeng/#/dropdown HTML <p-dropdown [options]="cities2" [(ngModel)]="selectedCity2" optionLabel="name"></p-dropdown> TypeScript import {SelectItem} from 'primeng/api'; interface City { name: string; code: string; } export class MyModel { cities2: City[]; selectedCity2: City; constructor() { //An array of cities this.cities2 = [ {name: 'New York', code: 'NY'}, {name: 'Rome', code: 'RM'}, {name: 'London', code: 'LDN'}, {name: 'Istanbul', code: 'IST'}, {name: 'Paris', code: 'PRS'} ]; } ngOnInit(){ localStorage.setItem('key', this.selectedCity2); const getItem = localStorage('key'); this.selectedCity2 = getItem; } 这个问题已经在这里得到解答 https://stackoverflow.com/a/77264800/15563603 另外,它是使用一个服务文件,将 ngOnDestroy 处的下拉列表的值设置为该文件并订阅它以获取 ngOnInit 上的数据 首先,要在 localStorage 中设置(或获取)一个 javascript 对象,请使用 JSON.stringify (或 JSON.parse)方法。 然后,在 ngOnInit 方法中,您应该只获取存储在 localStorage 中的值,并且不能像代码中那样更新它。 所以这个方法就变成了: ngOnInit() { // get localStorage value this.selectedCity2 = JSON.parse(localStorage.getItem('key')); } 最后,每次您在 dropdown 元素中选择一个项目时,您都必须像这样更新它在 localStorage 中的值: saveInLocalStorage() { // update localStorage value localStorage.setItem('key', JSON.stringify(this.selectedCity2)); } 参见StackBlitz

回答 2 投票 0

如何在切换用户配置文件时正确管理 Next.js 项目中的本地存储数据?

我正在开发一个 React/Nextjs 应用程序,其中使用自定义 useLocalStorage 挂钩来管理用户配置文件的本地存储。我正在尝试模仿 chatgpt 应用程序。 然而,我遇到的是...

回答 1 投票 0

如何使用 chrome 扩展从 chrome 本地存储中获取项目?

我使用 Angular 构建了一个前端,并使用 AWS Cogntio 设置了身份验证,前端当前将访问令牌存储到本地存储。 我想获取该令牌并进行评估...

回答 1 投票 0

Hive .g.dart 文件未生成

我想使用Hive作为本地数据库进行存储。 这是我的模型课 导入“包:flutter/material.dart”; 导入'包:hive/hive.dart'; 'addForm.g.dart' 部分; @HiveType(类型ID:0) c...

回答 6 投票 0

TypeError:无法读取未定义的属性(读取“clearStorage”)-NextJs

在我的 NextJs 组件中,我使用 Zustand persist 作为浏览器中的本地存储。 我使用下面的 Shadcn UI 按钮,但 NextJs 在我的终端中显示以下错误: 组件/stateInput.tsx (40:75) @

回答 1 投票 0

如何防止页面刷新/视图更改后 React 中的状态发生变化?

我的 onClick 事件处理程序向数据库字段添加/删除 id,并根据切换状态 true/false 更改按钮颜色。 当数据更新正常工作时,颜色状态会重置...

回答 2 投票 0

localStorage.setItem 似乎不适用于 React 生产版本

我完成了我的React项目并使用S3 + CloudFront进行部署,但后来我意识到它在生产版本中根本不起作用。 我登录网站后,屏幕必须移至ano...

回答 1 投票 0

Javascript 本地存储似乎正在加载不存在的项目

我有一个简单的待办事项列表应用程序,我想保存/加载添加的项目。每次添加项目时,我都使用以下代码将项目添加到 localStorage: localStorage.setItem("LIST_ITEM_...

回答 1 投票 0

IndexedDB 的包装函数

我需要为 iPad/平板电脑设备构建一个离线 HTML5 Web 应用程序,用户可以从服务器下载数据集(数据表)并将其存储在设备上。然后用户可以断开连接...

回答 5 投票 0

react中出现某种情况如何停止渲染组件?

我正在构建一个具有登录功能的项目(待办事项应用程序), 在此 Home 组件中,我必须检查 localStorage 中是否未设置令牌,然后导航到登录组件, 但在导航之后...

回答 1 投票 0

如何从存储为对象数组的 HTML 表和 LocalStorage 中编辑/删除数据?

我正在制作一个基于模式弹出的注册表单,当我插入任何用户时,他们的数据必须显示在 HTML 表中,同时数据必须作为ar...

回答 1 投票 0

localStorage Javascript代码可以在HTML文件中工作,但不能在Javascript文件中工作,我已经尝试了很多StackOverflow解决方案

我正在尝试使用基本的本地存储方法。它们在 HTML 中完美工作,但在独立的 Javascript 文件中不起作用。 HTML 代码(作品): 我正在尝试使用基本的本地存储方法。它们可以在 HTML 中完美查找,但不能在独立的 Javascript 文件中工作。 HTML 代码(有效): <!DOCTYPE html> <html> <head> <title>Test Javascript</title> <meta name="description" content="Our first page"> <meta name="keywords" content="html tutorial template"> <script> document.addEventListener("DOMContentLoaded", function(event) { localStorage.setItem("Name", "Jeff"); console.log(localStorage.getItem("Name")); }); </script> </head> <body> Content goes here. </body> </html> JS 代码(不起作用): document.addEventListener("DOMContentLoaded", function(event) { localStorage.setItem("Name", "Jeff"); console.log(localStorage.getItem("Name")); }); 或 document.addEventListener("load", function() { localStorage.setItem("Name", "Jeff"); console.log(localStorage.getItem("Name")); }); 或 document.addEventListener("DOMContentLoaded", function() { localStorage.setItem("Name", "Jeff"); console.log(localStorage.getItem("Name")); }, false); 或 window.onload = function() { localStorage.setItem("Name", "Jeff"); console.log(localStorage.getItem("Name")); } 以下是我尝试过的解决方案: 使用document.addEventListener("DOMContentLoaded", function(event) {}); 使用document.addEventListener("load", function() {}); 使用document.addEventListener("DOMContentLoaded", function() {}, false); 使用window.onload = function() {} 使用window.onload = function() {}(再次) 使用window.onload = function() {}(再次...) 运行 js 文件时,我仍然得到相同的结果:localStorage 中没有任何反应,并且我在控制台中看不到任何内容。 我不知道从这里去哪里,任何帮助将不胜感激。 Web 浏览器仅在加载了 <script> 元素的 HTML 文档上下文中执行 JavaScript(src 属性允许从 URL 加载脚本,而不是嵌入到 HTML 文档中)。 (让我们忽略浏览器扩展、将内容粘贴到开发人员工具和书签中,因为它们与此处无关)。 只需输入 JavaScript 程序的 URL 即可使其源代码显示在主视口中。它不会执行代码。没有办法让它执行 HTML 文档之外的代码。

回答 1 投票 0

如何从本地存储中删除空字符串

每次刷新页面时,它都会在我的本地存储中创建空字符串,并且每次都会在我的网络上创建空的元素,我不希望这样,我该如何解决这个问题 函数 saveLocalTodos(t...

回答 1 投票 0

从本地存储中删除数组对象

在具有多个对象{}的数组中,但我想从本地存储中删除一个对象供我们选择 函数 del(e){ 让parenttag=e.parentElement.parentElement; 让 td=parenttag。

回答 1 投票 0

Android 12 和 13 中的权限问题

以前我的应用程序的目标sdk是31,我的设备是Android 12,我授予相机和存储权限。即使授予READ_EXTERNAL_STORAGE权限后,也没有打开手机

回答 1 投票 0

Redux Toolkit - 将深色模式值保存到本地存储

我目前正在学习 redux 工具包,我想将暗模式状态存储在 localStorage 中,这样如果用户刷新页面,所选模式保持不变。我的应用程序如下所示: 索引.js

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.