你会如何使用JS组织UI状态?

时间:2012-07-16 06:51:31

标签: javascript html user-interface

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

我需要以隐藏/显示/创建每个“屏幕”的不同元素的形式在众多UI状态之间“玩杂耍”。 (让我们说主页和全页博客文章。)

如果我只有2个状态,这很容易,但随着越来越多的“屏幕”被添加,复杂性就会出现。

问题: 我如何组织各种UI状态,以便直接切换?

2 个答案:

答案 0 :(得分:1)

如果您在管理UI状态时遇到很多复杂问题,那么很可能表明应用程序逻辑与UI处理过于紧密耦合。如果您需要检查UI的状态以决定应用程序逻辑应如何反应,那么这一点尤为明显。

随着它变得越来越复杂,您可能需要考虑使用某种MVC模式来解耦UI。甚至更好,使用预卷框架,例如Knockout.js

注意:Other frameworks are available

答案 1 :(得分:1)

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

您可能还想查看sproutcore