您将如何使用JS来组织UI状态

How would you organize UI states using JS?

本文关键字：UI 状态 JS 何使用更新时间：2023-09-26

我有一个应用程序，它主要是通过锚标记链接的传统静态HTML页面，但最近我使用JS添加了越来越多的动态行为。

我需要以隐藏/显示/为每个"屏幕"创建不同元素的形式在众多UI状态之间"切换"。（比如主页和全页博客。）

如果我只有两个状态，这很容易，但随着越来越多的"屏幕"的添加，复杂性也会增加。

问题：我该如何组织各种UI状态，以便在它们之间进行切换？

如果你在管理UI状态时遇到了很多复杂性，这很可能是应用程序逻辑与UI处理过于紧密结合的迹象。如果在某些地方需要检查UI的状态，以决定应用程序逻辑应该如何反应，那么这一点尤其明显。

随着它变得越来越复杂，您可能需要考虑使用某种MVC模式来解耦UI。或者更好的是，使用Knockout.js.这样的预滚框架

注意：其他框架也可用

我会使用JavaScriptMVC——这是一个轻量级框架，在过去一年左右的时间里已经投入了相当多的工作。通过使用客户端mvc，您可以轻松地设置两个不同的视图并在它们之间进行切换。

您可能还想了解sproutcore