Question

我正在寻找一个轻量级的JavaScript框架，其主要目的是抽象出浏览器差异。我主要使用它来创建新的UI元素，除了能够提供与平台无关的语言和DOM之外，我不需要太多东西。

Answer 1

目前我使用的是3个JS库：Prototype，jQuery和MooTools。 Prototype和jQuery是使用最广泛的。 jQuery和MooTools是最轻量级的。

MooTools在他们的网站上有一个很好的功能，它允许你构建一个自定义的压缩.js文件，只包含你需要的模块，根据你正在做的事情做最轻的。 jQuery拥有更高的粉丝群，并因此获得更好的支持。

在3中，我推荐jQuery，但看看所有可用的选项可能不是一个坏主意。

Answer 2

我使用jQuery - 它简单而小巧，最重要的是：非常简单：）

Answer 3

mooTools也是我最喜欢的。它们的界面允许你随意或多或少地使用，所以如果你想在你的工具包中添加更多技巧，那么这样做很容易。

Answer 4

另见问题What JavaScript library would you choose for a new project and why?

jQuery似乎最近一直在增长。（见this presentation，幻灯片4）

Answer 5

我是Yahoo! User Interface (YUI)图书馆的忠实粉丝。它有一套很好的DOM操作东西，以及一个非常可靠的小部件框架。此外，您可以混合搭配您想要使用的内容。

Answer 6

试试DOMAssistant。它只有7 KB gzip，非常快，并且支持Unicode。

Answer 7

我更喜欢JQuery。它也有很好的文档。JQuery

Answer 8

我也喜欢jQuery，因为功能强大的选择器功能“$”并且希望提供指向备用文档的链接：Visual jQuery

Answer 9

这是一张比较图表，我曾用它来帮助评估一些不同的库。

Javascript Framework

它绝不会列出每个库的每个功能，但会为您提供一个很好的概述，以便将您的选择范围缩小到您应该深入研究的框架，以确定它是否符合您的需求。

Answer 10

我首先尝试了prototype和scriptaculous，但之后切换到jquery并且没有回头看。如果你想要不错的用户界面那么YUI很好，但在我看来jQuery很简单。

Answer 11

只是一个建议，但我会寻找一个具有你想要的功能的框架，而不是在合理范围内过多地担心尺寸。像PrototypeJS或JQuery这样的大多数现代框架都不是那么大，并且具有最小化版本（删除了空格等）。此外，您应该将您的站点配置为缓存这些库。用户需要下载库的唯一时间是第一次访问，或者在他们清除浏览器缓存后的任何访问。

命名库文件时，请确保使用唯一的文件名。例如，根据库的版本命名库。当您需要升级到新版本的库时，只需从相关页面引用新文件名（版本）。这将允许您在没有短期到期日期的情况下缓存这些文件。

您可以使用许多其他缓存技术来绕过库文件大小并提高性能。我推荐“高性能网站”，ISBN：0596529309。虽然书中的所有信息都可以在网上找到，但本书可以很好地在一个地方收集你需要的信息，并将各种概念粘合在一起（我有本书没有经济利益）。

Answer 12

基础YUI代码 - yahoo-dom-event.js - 为31KB，效果非常好。你会得到各种不错的event handling＆amp; DOM manipulation，如果需要，可以很容易地添加更复杂，更重的东西。

Answer 13

jQuery非常灵活，非常容易学习。我过去曾使用Moo进行一些基本的DOM操作。它占用的空间更少，但功能更少。最适合您的选择完全取决于您的要求。

Answer 14

jQuery的另一个投票在这里。快速，轻便，学习的越多，代码的速度就越快，越简洁。

Answer 15

无论您选择什么，请考虑让Google为您托管：

http://code.google.com/apis/ajaxlibs/

Answer 16

这个问题实际上是this question的重复（我认为）。我对这个问题的回答如下（也适用于此）：

这里你会得到一百万个答案。简短的一个是：有几个，而不是一个。它们在某些方面都有所不同，在其他方面也相似，而且一般来说，它们都不是糟糕的选择。我建议的主要框架是（按字母顺序排列，以免显示任何偏见）：

* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit

每个都有不同的风格，不同的社区和不同的焦点。您应该选择哪一个主要是将这些框架的风格与您自己的风格相匹配。花一些时间阅读每个教程和演示，并选择最适合你的那个。

作为免责声明，我会指出我是MooTools的开发人员，并写了一本关于如何使用它的书。我不会说MooTools比任何其他框架更好;只是不同。

Answer 17

我非常广泛地使用Prototype。默认包是28 KB，而jQuery是90ish *。

http://www.prototypejs.org

*未压缩

Answer 18

MooTools非常热门。这些天它变得有点大（基数是60 KB），所以这可能超出你的范围。

但如果你真的只是在基本的DOM之后，那么jQuery可能是理想的。

Answer 19

您可以打包任何JavaScript代码以使其更轻量级，因此问题可能归结为您更喜欢哪种？我选择了Prototype - 有一个名为protopacked的版本，我觉得它的版本约为20 KB。

Answer 20

就个人而言，当我做客户端工作时，我爱上了拥有15k版本的JQuery。有一个轻微的学习曲线，但它非常光滑。

Answer 21

我喜欢jQuery，因为它很轻巧但非常强大。

还有很棒的documentation和tutorials可以帮助您入门。

Answer 22

YUI对我的口味来说太大而复杂。我曾经是一个Prototype粉丝，但是当我在新项目中使用jQuery时，它已经失去了光彩。我喜欢jQuery的是一致的心理模型：找到一些东西，对它采取行动。

我非常喜欢jQuery，因此我构建了一个Dashboard小部件，可以离线访问文档：jQuery Reference Widget

Answer 23

如果您正在进行小型增强，jQuery是您的最佳选择，因为它是使用最广泛的框架，您将从其他用户那里获得大量反馈。但是，我自己不是jQuery用户，因为我已经使用Ext开发了RIA。因此，我使用Ext-core（Ext的一个子集），因为该框架具有更好的OO设计，并且它提供了与jQuery（事件处理，DOM操作，Ajax）相同的基本功能。

http://www.extjs.com/products/core/

我从未使用Prototype，因为它们会增加Object.prototype，导致我们的代码中出现错误。

Answer 24

jQuery非常好。

如果我们可以将我们的框架添加到此处建议的框架列表中并允许其他人对他们最喜欢或使用的框架进行投票（即动态民意调查/调查），那将是非常酷的。

Answer 25

midori是一个轻量级的JavaScript框架（只有45K未压缩）。它支持大多数CSS2和CSS3选择器来访问DOM元素，并且不需要您学习全新的API。除了标准的DOM，事件和Ajax功能之外，它还支持基本的视觉效果，拖放，弹出菜单和自动完成等功能。

Answer 26

Jquery放下手中......

加上它很受欢迎，所以你知道它会在

Web developer trends

Answer 27

我同意JQuery作为轻松，可扩展，强大的选项。我的公司目前正在使用Extjs，这对我们正在做的事情来说是庞大而复杂的。 Extjs非常棒，如果您需要创建一个没有设计人员的快速网站（它带有所有图形和样式来创建您需要的任何东西）但它大约6MB并最终使简单的任务变得更加繁琐:)

如果我可以做到这一点，可能会发生，我会使用JQuery。

Answer 28

多年来我一直在努力，但与其他人一起玩的时候离dojo + jquery很远。关于mootools（我见过的最好的js ani）+ gui或yui kits

的组合，我只能说好话。

Answer 29

我建议MooTools： - ）

var theDiv = new Element('div', {
    'id': 'theDiv',
    'styles': {
        'backgroundColor': '#BF1942',
        'color': '#fff'
    }
}).toggleClass('someClass').inject($('someSibling', 'after');

我非常喜欢其代码的可读性。

什么是最好的轻量级JavaScript框架？

29 个答案: