- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Web 应用程序,它在启动时会获取几十个项目。所有这些项目都是 JSON,小于 1kb。
现在有许多存储选项,如问题中所示。
我正在考虑将这些对象存储在浏览器 JS 的一个变量中。我真的不明白为什么要使用这些浏览器存储?
那么使用任何基于浏览器的存储而不是 JS 中的变量的原因是什么。可能是从某个数据大小开始,最好使用浏览器存储,例如从 100kb 开始,最好不要使用 JS 变量。
var myModel = {}
注意
每次用户进入应用程序时,他都会从服务器获取新内容。内容对于缓存而言过于实时。 `
最佳答案
localStorage
、globalStorage
和 sessionStorage
:
这些特性在已经实现了“Web Storage”的浏览器中都有,它们都指的是一种HashMap,一种字符串键和字符串值之间的映射。但生活是不同的。一旦事件页面关闭,sessionStorage
将被清除,但 localStorage
是永久的。( MDN DOM Storage guide )
localStorage
。这两者之间的区别只是 HTML5 范围支持(方案 + 主机名 + 非标准端口)。这些可能对您有用:
-在您网站的不同页面之间共享您的对象。
-离线编程。
-缓存大对象
-或者当您需要本地持久存储时。
IndexedDB:
IndexedDB is useful for applications that store a large amount of data (for example, a catalog of DVDs in a lending library) and applications that don't need persistent internet connectivity to work (for example, mail clients, to-do lists, and notepads)
根据 MDN 的引用,您可以轻松找到关于使用 IndexedDB
的答案,如果您不知道 IndexedDB
是否对您有用,只需回答这些问题:
您是否在客户端存储了大量数据?如果是,请考虑使用它。
您的应用是否需要启用离线功能?如果需要,请考虑使用 IndexedDB。
您的应用是否需要持续的互联网连接?如果是,它仍然是一个选项,基于其他因素。
所以除了你不需要的离线工作,我猜,因为正如你所说:
The content is too realtime for caching.
这些具有一些功能,例如共享对象和管理大量数据,您应该由您来决定。
关于javascript - 使用 JSON 对象与 localStorage/sessionStorage/IndexedDB/WebSQL/等?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21808052/
我是 Angular 新手。使用 $localstorage(ngStorage) 是否有任何特定的原因而不是常规的 javascript localstorage 有什么区别。 谁能给我解释一下吗?
这个问题说明了一切。我意识到所有选项都可以在最新的浏览器中使用,但是语义上最好的选择是什么?为什么? 最佳答案 根据 W3C 标准,正确的是 window.localStorage,因为 localS
我想不出一个好的标题,所以希望可以。 我正在做的是创建一个离线 HTML5 webapp。 “出于某些原因”我不希望将某些文件放在缓存 list 中,而是希望将内容放在 localStorage 中。
我最近问了a question about LocalStorage .使用 JSON.parse(localStorage.item) 和 JSON.parse(localStorage['item
我最近问了a question about LocalStorage .使用 JSON.parse(localStorage.item) 和 JSON.parse(localStorage['item
我最近问过a question about LocalStorage 。使用 JSON.parse(localStorage.item) 和 JSON.parse(localStorage['item
我在将本地存储的定价添加到其他字段时遇到问题。如果我将 beforeNoonNPSlot 的价格设置为 2,但我将 matineeNPSlot 的字段留空(它应该保留分配给的任何价格)最后)。然后在我
我需要从 localStorage 对象变量中删除对象键而不从 localStorage 中删除键 let obj = localStorage; let keys = Object.keys(loc
根据我所读到的内容,我希望以下代码能够工作。 此代码是函数的一部分,该函数应该通过用下一个更高的 localStorage 变量覆盖它来删除 localStorage 变量。一旦没有更多内容可供复制,
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: JavaScript property access: dot notation vs. brackets? 我是
编写localStorage['key'] = value或localStorage.setItem('key', value)有区别吗? 我看到了this question标记为重复,但在开发人员工
我一直在做以下事情: var store = window.localStorage; store.setItem() 但现在我看到代码是这样做的: localStorage.setItem() 两者
我在 Chrome 上遇到此错误。不知道为什么会发生。任何帮助!我正在使用 Backbone.localStorage 插件和 Backbone。我在以下行中收到错误: localStorage: B
如果我尝试以下代码: var c = new Backbone.Collection(); c.localStorage = new Backbone.LocalStorage("items");
我想使用 localStorage 存储用户输入值,然后在倒计时器中使用该值。 这是用户输入数据的 HTML: Work Time
我有一个适用于 Mac 和 Linux 用户但不适用于 Windows 用户的 Chrome 扩展程序。当我进入控制台并在 localStorage 中设置一个项目时,它工作正常,但是当用户尝试使用扩
在这里浏览所有问题/答案,但找不到解决我的问题的方法。条件('localStorage' in window)返回 true但是 localStorage 的对象本身仍然是 undefined . 设
使用下面的代码,我创建一个 localstorage 变量,如果未定义,则其键为 quote = 1。然而,当最终使用相同的引号键再次调用它时,即使使用了 Number() 函数,它也会变成 11 而
我上次检查时,以下两行返回 true: null == localStorage["foo"]; null == localStorage.getItem("foo"); 将 null 替换为 und
我正在尝试在 NextJS 静态站点上使用 localStorage,但遇到 localStorage 未定义错误。 我的错误显示组件的代码是: export default function Cat
我是一名优秀的程序员,十分优秀!