javascript - 丰富的 Javascript UI 框架、EXT、DOJO 和 YUI

Question

免责声明和冗长的问题即将到来

我知道像这样的话题在这里已经被打死了，所以我只想说我不是在问哪个框架更好，我真的不在乎对更好框架的看法。他们都做了非常了不起的事情。

问题

假设我有一个现有的 Web 应用程序，主要由常规 HTML + CSS(需要时使用 jQuery)组成，这是将一些“丰富”页面集成到通常的常规 HTML 流中的最佳框架。

原因

我正在尝试将我们经过验证的应用程序带入像 UI 这样的很棒的桌面领域，但我想做一小块，一次一个屏幕。但对于我们的用户来说，支持人员，尤其是我，慢慢来是唯一的选择。

此外，由于我们的品牌要求有一个仅接管视口(viewport)的框架不是一个选项，它必须与屏幕上的其他 HTML 兼容。

想象一下这个例子是一个普通的 HTML+CSS 环境中的富用户管理器。

迄今为止的经验

Dojo + Dijit
优点:新的 1.5 小部件加上 claro 主题可以治愈我们的困扰。 Dojo 似乎能够使用标记来创建非常吸引人并且具有相当数量的小部件的 UI。

缺点:神圣臃肿的 bat 侠! Dojo 似乎很大，我必须学习自定义构建系统才能让它停止请求 4,800 个 javascript 文件。这个复杂的 Javascript 帝国让我相信我将无法创造出许多不存在的东西。

ExtJS
优点:很棒的小部件集，可以满足我们的所有需求。看起来很快，每个版本都会带来新的改进。

缺点:如果整个显示器都不是 EXT，我不确定如何使用它。我仍在构建一个网站，所以我更喜欢可以集成到我们已有内容中的东西。这里的一些指示会很棒。

YUI
优点:好吧，是雅虎，不是吗？ AWS 控制台是彻头彻尾的邪恶。大量支持和庞大的社区。

缺点:好吧，是雅虎，不是吗？ AWS 控制台是唯一邪恶的东西。对于习惯了 jQuery 的人来说很复杂。

帮帮我

我愿意接受经验、指向解决我概述的问题的方法的链接、新工具包(尽管我很确定我现在见过的最多)甚至只是建议。

Answer 1

关于 ExtJS，很容易在现有的 div 中启动它，如下所示:

Ext.onReady(function() {
    App = new Ext.Panel({...})
    App.render('div-id')
});

App 面板可以拥有自己的布局管理器。