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

Question

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

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

由于

Answer 1

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

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

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

Answer 2

我建议为此查看Redux之类的内容。

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

我认为这甚至会扩展到“播放”按钮。