表示单页应用程序的用户配置状态(复选框、选择列表）的标准做法

Standard practice to represent state of user configuration (checkboxes, select lists) for a single-page application?

本文关键字：列表选择标准复选框应用程序单页用户配置状态表示更新时间：2023-09-26

我正在构建的应用程序最初没有注册用户。它将是一个单页应用程序 - 即，没有重新加载或更改页面。将有一组以html复选框，选择菜单等形式出现的选项。给定特定配置，当用户单击"播放"时，将播放生成的音乐声音。播放声音后，配置应保持不变，直到用户更改为止。

在这一点上，我对Javascript很陌生。什么是计算快速和干净的方式来表示各种配置输入的状态？我可以有一个函数，每次用户单击"播放"时都会调用该函数，该函数从 DOM 获取每个配置组件的所有信息并返回一个配置对象，然后使用该对象发出声音。但也许这不是最好的方法，因为这涉及每次都从 DOM 获取所有内容。每个输入都有一个 onclick/onchange 函数来修改其在某个全局配置对象中各自的字段会更好吗？

谢谢

听起来您应该将设置缓存在浏览器缓存中。您可以使用 aplify.store 或任何其他缓存库。这取决于您的 SPA 配置。

每次用户更改设置时，都可以调用 Web 服务将其保存在数据库中并更新本地浏览器缓存。然后，您最初加载页面，您应该将用户设置加载到缓存中并从中访问值。

如果使用 Breeze 进行数据查询，则会内置缓存。

我建议为此查看类似Redux的东西。

我可以想象"复选框、选择菜单等"映射到应用程序状态的各个部分，以及用户所做的更改导致操作。

我认为这甚至可以很好地扩展到"播放"按钮。