javascript - 在 javascript Web 应用程序中本地存储和访问数据的最佳实践是什么？

Question

上下文:我正在构建一个基于 SVG 世界地图上不同国家/地区着色的简单网站。目前，一切都只是在本地运行，我有一个index.html，一个app.js 文件，我在其中构建了一堆函数。但我真的很困惑应该在哪里存储数据以及如何访问它。

例如，我需要将所有国家/地区的列表存储为数组，可以将其读入 app.js 中的函数并使用。我认为 JSON 数组非常适合这种情况，但似乎您不能只访问本地 JSON 文件，必须从 Web 服务器请求它？我可以将数组作为全局变量粘贴到 app.js 的顶部，但这应该是不好的做法。

我应该有一个单独的 data.js 文件，在某个地方作为脚本调用吗？或者我需要开始使用数据库并学习一些 SQL？

Answer 1

要么从 API(您的或其他人的)获取它们，要么将它们存储在您的网页中(可能作为源 JavaScript 文件)。当国家/地区列表发生变化时更新源(这种情况并不经常发生)。有多种 API 可用于获取国家/地区列表和国家/地区数据，例如 RestCountries .

如果您想在本地存储用户创建的内容，例如要离线操作或跨浏览器 session 操作，请参阅 Web Storage Overview用于选项。