jQuery和YUI(雅虎ui)

时间:2012-02-16 07:53:49

标签: javascript jquery yui

据我所知,jQuery基本上是一个DOM操作框架,它是一个更高的抽象层,然后是原生的javascript。 YUI(yahoo UI)库是一个用户界面小部件库,为开发人员提供了一种忘记DOM操作并更多地处理业务逻辑的方法。

是吗?

我的问题:包含这两个库是否存在任何严重的性能问题? YUI与jQuery UI相比如何?

3 个答案:

答案 0 :(得分:22)

<强>的jQuery

  • $ DOM选择功能强大,就像魔法一样。

  • jQuery代码通常非常简洁;存在辅助函数 任何微不足道的事情(甚至是非平凡的事情)。

  • 插件库非常广泛,并提供快速功能。

  • jQuery对于较小的网站来说是惊人的,并且很容易获得新的 用户,这就是为什么它拥有如此庞大的社区。

  • 立即结果,学习曲线较少。

<强>锐

  • 精彩的文档和示例,以及雅虎的支持 技术讲座和频繁更新。

  • 使用YUI编写的代码往往是有条理的。有时它甚至感觉到 Java的去年秋季。    除了DOM操作之外,还有一组丰富的模块 - cookies,缓存,历史,i18n等。

  • 特别是通过Gallery,YUI对外部更加开放 贡献

  • YUI特别是YUI3至少需要语言的基本技能, 如果你真的想要很好地利用它并扩展它,还有更多。

  • YUI更适用于组织良好的模块化代码,可以重复使用。

要了解YUI的功能,您可以访问here获取YUI2的示例,here获取YUI3库(IMO有点类似于JQuery插件)。

您可以参考此site来比较YUI和jquery的速度。

IMO JQuery是一个库,YUI是一个框架,而不是一个库。 JQuery适用于您希望在相对较短的时间内实现“WOW”因素的小型网站。但是当您构建应用程序时,您需要一个强大的框架,您可以在其中集成自己的代码yui是更好的选择。

答案 1 :(得分:7)

<强>更新

YUI框架于2014年8月弃用


我会把它留给jquery专业人员来拼出最好的比较点,但我在小型和大型项目中使用YUI。 YUI的结构使您只需要包含所需的模块化功能,直到最细微的级别,包括将依赖关系全部反馈到正确的包中的能力。

YUI非常适合DOM操作,io,小部件,真正的作品。使用YUI3,如果你找到你想要/需要的YUI2小部件,他们就有'YUI2-in-3'。

此外,一个(可能更多)YUI的核心贡献者Dav Glass已经做了一些非常棒的工作来让YUI3在服务器上运行 - 所以你基本上有相同的框架做后端grunt工作,并且相同的依赖关系做前端魔术。

YUI的种子包含系统也很容易上手,示例代码:

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
<script type="text/javascript">
    YUI().use(['node','io'], function (Y) {
        // node and io are ready now, do whatever you like. Need custom events, gesture support or animation? Add them to the array above.
    });
</script>

我有YUI的情况,玩得开心:)

另外,我在几个项目中都包含了jquery和YUI ......我没有注意到任何有害的东西,但是有了更多的YUI经验,我不需要再这样做了。

答案 2 :(得分:1)

不要同时使用这两个库,您的页面加载速度会慢一些:)

jQuery主要用于DOM操作和AJAX,适用于网页/网站。 YUI更像是一个框架,适用于Web应用程序。虽然有一些交叉; YUI可以轻松地用于较小的平凡网站,jQuery可用于创建大型网络应用程序(尽管通常它与Backbone或JavaScriptMVC等其他内容组合以实现更好的代码组织)

如果一个人没有给你所需要的一切,请使用另一个