最好的轻量级 JavaScript 框架是什么?[关闭]
-
09-06-2019 - |
题
我正在寻找一个轻量级的 JavaScript 框架,其主要目的是抽象出浏览器差异。我主要使用它来创建新的 UI 元素,除了为我提供独立于平台的语言和 DOM 之外,我不需要太多东西。
其他提示
我使用 jQuery - 它简单又小,最重要的是:好简单 :)
另请参阅问题 您会为新项目选择什么 JavaScript 库?为什么?
moo工具 也是我最喜欢的。他们的界面允许您随心所欲地采取尽可能多或尽可能少的措施,因此,如果您想向您的工具包添加更多技巧,那么这样做非常容易。
我是这个的忠实粉丝 雅虎!用户界面(YUI) 图书馆。它有一套很好的 DOM 操作工具,以及一个非常可靠的小部件框架。另外,您可以混合搭配您想要使用的内容。
我更喜欢 JQuery。它也有很好的文档。jQuery
我也喜欢 jQuery 由于强大的选择器功能“$”并且希望提供替代文档的链接: 可视化 jQuery
这是一个比较图表,我用它来帮助评估一些不同的库。
它绝不是列出每个库的所有功能,而是为您提供了一个很好的概述,以缩小您的选择范围,您应该进一步深入研究哪些框架,看看它是否满足您的需求。
尝试 DOM助手. 。它经过 gzip 压缩后只有 7 KB,速度非常快并且支持 Unicode。
就我个人而言,当我做客户端工作时,我爱上了 JQuery,它有 15k 版本。有一个轻微的学习曲线,但它非常非常光滑。
jQuery 非常灵活并且非常容易学习。我过去曾使用 Moo 进行一些基本的 DOM 操作。它的占地面积较小,但功能较少。最适合您的选择绝对取决于您的要求。
基本 YUI 代码—— yahoo-dom-event.js -- 大小为 31KB,效果非常好。你会得到各种各样的美好 事件处理 & DOM 操作, ,并且当您需要时,可以很容易地添加更复杂、更重的东西。
只是一个建议,但我会寻找一个具有您想要的功能的框架,并且在合理范围内不要太担心大小。大多数现代框架(如 PrototypeJS 或 JQuery)都没有那么大,并且具有最小化版本(删除空格等)。此外,您应该将站点配置为缓存这些库。用户唯一需要下载该库的时间是在第一次访问时,或者在清除浏览器缓存后的任何访问时。
命名库文件时,请确保使用唯一的文件名。例如,根据库的版本命名您的库。当您需要升级到新版本的库时,只需从相关页面引用新的文件名(版本)即可。这将允许您缓存这些文件,而没有短期到期日期。
您可以使用许多其他缓存技术来解决库文件大小并提高性能。我会推荐“高性能网站”,ISBN:0596529309。虽然书中的所有信息都可以在网上找到,但这本书很好地将您需要的信息收集在一个地方,并将各种概念粘合在一起(我对这本书没有经济兴趣)。
无论您选择什么,请考虑让 Google 为您托管:
这个问题实际上是重复的 这个问题 (我认为)。我对该问题的回答如下(也适用于此处):
您将在这里得到一百万个答案。简短的一个是:有好几个,没有一个。它们在某些方面有所不同,而在其他方面则相似,而且总的来说,它们都不是糟糕的选择。我推荐的主要框架是(按字母顺序排列,以免表现出任何偏见):
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
每一个都有不同的风格、不同的社区和不同的焦点。您应该选择哪一个主要取决于将这些框架的风格与您自己的风格相匹配。花一些时间查看每个教程和演示,然后选择对您最有意义的一个。
作为免责声明,我要指出我是 MooTools 的开发人员,并写了一本关于如何使用它的书。我不会说 MooTools 比任何其他框架更好;只是不同。
您可以打包任何 JavaScript 代码以使其更加轻量级,因此问题可能归结为您更喜欢哪一个?我去 原型 - 有一个名为 protopacked 的可用版本,我认为它的大小约为 20 KB。
MooTools 相当热门。如今它变得越来越大(基础为 60 KB),因此您可能无法承受。
但如果您真的只需要基本的 DOM,那么 jQuery 可能是理想的选择。
这里又给 jQuery 投票了。快速、轻便,你学得越多,你的代码就会越快、越简洁。
我会推荐 穆工具 :-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
我真的很喜欢它的代码的可读性。
我已经自己推出多年了,但是当与其他人一起玩时,请远离dojo + jquery。关于 mootools(我见过的最好的 js ani)+ gui 或 yui 套件的组合,我没什么好说的
我同意 JQuery 是一个轻量级、可扩展、功能强大的选项。我的公司目前正在使用 Extjs,它对于我们正在做的事情来说非常庞大且复杂得多。如果您需要创建一个无需设计师参与的快速网站(它附带了创建您需要的所有图形和样式),Extjs 非常有用,但它大约有 6MB,最终会让简单的任务变得更加麻烦:)
如果我可以重来一次(这可能会发生),我会使用 JQuery。
绿 是一个轻量级的JavaScript框架(未压缩时只有45K)。它支持大多数 CSS2 和 CSS3 选择器来访问 DOM 元素,并且不需要您学习全新的 API。除了标准 DOM、事件和 Ajax 功能之外,它还支持基本的视觉效果、拖放、弹出菜单和自动完成等。
jQuery 非常好。
如果我们可以将我们的框架添加到此处建议的框架列表中,并允许其他人投票选出他们最喜欢或使用的框架,那就太酷了 - 即动态民意调查/调查。
YUI 太大太复杂了,不符合我的口味。我曾经是 Prototype 的粉丝,但随着我开始在新项目中使用 jQuery,它对我失去了吸引力。我喜欢 jQuery 的地方在于其一致的思维模型:找到某事,然后采取行动。
我非常喜欢 jQuery,因此我构建了一个仪表板小部件来离线访问文档: jQuery 参考小部件
如果您要做小的改进,jQuery 是您的最佳选择,因为它是使用最广泛的框架,并且您将从其他用户那里获得大量反馈。然而,我自己并不是 jQuery 用户,因为我已经使用它开发了 RIA 分机. 。因此,我使用 Ext-core(Ext 的子集),因为该框架具有更好的 OO 设计,并且它提供与 jQuery 相同的基本功能(事件处理、DOM 操作、Ajax)。
http://www.extjs.com/products/core/
我从未使用过原型,因为它们增强了 Object.prototype
这会导致我们的代码出现错误。