user-interface - 哪个 JavaScript 框架可以开发客户端复杂的 UI？道场、SproutCore、 Cappuccino

Question

一年多来，我一直在使用 Dojo 和 Dijit 来开发基于浏览器的 IDE。 Dojo 是一个很棒的框架。但是使用 Dojo 创建类似 IDE 的界面很麻烦，而且会浪费很多时间，除非你是 CSS 超人。我对 HTML5、JavaScript 和 CSS 有很好的理解。构建我需要的 UI 需要我通过反复试验发现的几个 CSS hacking。从 UI 设计到实现没有系统的方法，我害怕更改 UI 布局，因为任何简单的更改都会破坏 UI，主要是通过在我不需要的 Dijit Pane 中添加不相关的滚动条。 (复杂的 UI 有 4-5 层嵌套 Pane ，主要包括边框容器和内容 Pane )

最近我遇到了 SproutCore 和 Cappuccino，它们有很棒的演示，而且它们的外观和感觉更基于桌面。已经有一些讨论将这两者相互比较。但是他们都没有谈到从UI设计到实现有多系统和快速？理想情况下，我应该能够在不超过几天的时间内实现我想要的 UI(假设我知道框架)，并且将来更改它们应该很容易。

Dojo 的另一个困难是我必须直接使用 DOM 来添加和删除 dijit 小部件。虽然我确实喜欢保持这种灵 active ，但我希望我可以使用更高级别的抽象来定义应用程序 UI。我在 SproutCore 和 Cappuccino 中阅读过 MVC，但我想知道在实践中提供的抽象层是否加速了 UI 开发？还是提供的层是一种奇特的架构，只会增加代码的可读性？如果我使用这些抽象构建我的 UI，我会失去对 DOM 的直接访问吗？

干杯，纳维德

Answer 1

Cappuccino 要高级得多。你用 Objective-J 编写，而不是 HTML/CSS/JavaScript。我个人不推荐它，因为 Objective-J 是一种小众语言，你会被一些不是每个人都广泛理解的东西所困。您会发现寻找问题的答案变得更加困难，而其他人将更难以维护您的代码。

但是，由于它是高级的，它确实使您免于在“标准”(即 HTML/CSS/JavaScript)中进行编程的苦差事。因此，您应该能够更快、更轻松地开发 UI，但您必须学习 Objective-J 的来龙去脉。总而言之，我想在这里收获不多。

另一方面，SproutCore 是基于 HTML/CSS/JavaScript 的，因此您实际上不必重新学习基础知识。它遵循分离 UI 和数据关注点的 MVC 模型，因此编程 UI 应该更容易。

我个人的建议是坚持使用 Dojo —— 1.6 已经发布，它具有更改跟踪、状态跟踪和合并支持。 1.7 即将到来。 MVC 模块正在快速改进。下一个版本 2.0 将非常棒。它正在积极开发中，因此您不会落伍。

Dojo 还可以与 Closure Compiler 的高级模式一起使用，以构建高度紧凑、高度优化、完全混淆的部署构建。其他基于 JavaScript 的框架的适应性不强。