丰富的Javascript UI框架,EXT,DOJO和YUI

时间:2010-11-05 16:32:18

标签: javascript extjs yui dojo

免责声明&长卷问题接近

我知道这样的话题在这里被打死了,所以我可以说我不是在问哪个框架更好,我真的不关心更好的框架。他们都做了很棒的事情。

问题

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

原因

我正在努力将我们经过验证的应用程序带入像UI这样令人敬畏的桌面领域,但我希望能够做到一小块,一次一个屏幕。但是对于我们的用户来说,支持人员,特别是我慢慢地选择它是唯一的选择。

此外,由于我们的品牌要求具有仅接管视口的框架不是一个选项,它必须与屏幕上的其他HTML一起使用。

想象一下,该示例在纯HTML + CSS环境中是一个富用户管理器。

迄今为止的经验

Dojo + Dijit
Pros :新的1.5小部件加上cla​​ro主题可以治愈我们的烦恼。 Dojo似乎能够使用标记来创建非常吸引人且具有相当数量小部件的UI。

缺点:臃肿的lib蝙蝠侠! Dojo似乎是巨大的,我必须学习一个自定义构建系统,以使其停止请求4,800个javascript文件。这个复杂的Javascript帝国让我相信我将无法创造出那些尚未存在的东西。

ExtJS的
优点:令人惊叹的小工具,做我们想要的一切。似乎很快,每个版本都带来了新的改进。

缺点:如果整个显示器都不是EXT,我不知道如何使用它。我还在建立一个网站,所以我更喜欢可以整合到我们已有的东西。这里的一些指示会很棒。


优点:嗯,雅虎不是吗? AWS控制台是完全邪恶的。充足的支持和庞大的社区。

缺点:嗯,雅虎不是吗? AWS控制台是唯一邪恶的东西。适合习惯于jQuery的人。

帮帮我

我愿意接受经验,解决我已经概述的问题的方法,新的工具包(尽管我很确定我现在已经看到了很多),甚至只是建议。

3 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:2)

如果您熟悉jQuery但尚不熟悉YUI 3语法,那么这可能很有用:http://www.jsrosettastone.com/

您列出的每个图书馆都非常出色。在开始一个更大规模的项目时,lib的文档,社区和支持承诺的质量变得更加相关。

答案 2 :(得分:2)

使用Dojo,请记住,在dojo基础之外,它只会加载您告诉它的内容。但是,如果没有内置层,这意味着它可能很容易在启动时使用一堆小部件为大型应用程序请求50个JS文件。

RE ExtJS:我不确定您的确切情况,但请记住,如果您打算在商业非开源软件中使用它,则需要支付许可证费用:{{3} }

我有点好奇为什么你认为请求的大小/数量特别是Dojo的问题。我没有使用其他的,但我希望它可能与其中任何一个有关。