几款JS 框架介绍和比较

来源:互联网 发布:ember.js 中文文档 编辑:程序博客网 时间:2024/04/28 06:23

 目前来看 , JS 框架以及一些开发包和库类有如下几个: Dojo 、 Scriptaculous 、 Prototype 、yui-ext 、 Jquery 、 Mochikit 、 mootools 、 moo.fx 。

 

Dojo ( JS  library  and  UI component )
Dojo 是目前最为强大的 j s 框架,它在自己的 Wiki 上给自己下了一个定义, dojo 是一个用 JavaScript 编写的开源的 DHTML 工具箱 。 dojo 很想做一个 “ 大一统 ” 的工具箱 , 不仅仅是浏览器层面的,野心还是很大的。 Dojo 包括 ajax, browser, event, widget 等跨浏览器 API ,包括了 JS 本身的语言扩展 , 以及各个方面的工具类库 , 和比较完善的 UI 组件库 , 也被广泛应用在很多项目中 , 他的 UI 组件的特点是通过给 html 标签增加 tag 的方式进行扩展 , 而不是通过写 JS 来生成, dojo 的 API 模仿 Java 类库的组织方式。 用 dojo 写 Web OS 可谓非常方便 。 dojo 现在已经 4.0 了 , dojo 强大的地方在于界面和特效的封装 , 可以让开发者快速构
建一些兼容标准的界面。
优点 : 库相当完善 , 发展时间也比较长 , 功能强大 , 据说利用 dojo 的 io.bind() 可以实现 comet , 可见 其功能强大非一般,得到 IBM 和 SUN 的支持
缺点: 文件体积比较大, 200 多 KB ,初次下载相当慢,此外, dojo 的类库使用显得不是那么易用, js 语法增强方面不如 prototype 。


Prototype ( JS  OO  library )
是一个非常优雅的 JS 库,定义了 JS 的面向对象扩展, DOM 操作 API ,事件等等, 以prototype 为核心,形成了一个外围的各种各样的 JS 扩展库,是相当有前途的 JS 底层框架 ,值得推荐,感觉也是现实中应用最广的库类( RoR 集成的 AJAX JS 库 ) ,之上还有Scriptaculous 实现一些 JS 组件功能和效果。本人用的最多的也是这个。
优点 : 基本底层 , 易学易用 , 甚至是其他一些 js 特效开发包的底层 , 体积算是最小的了。
缺点: 如果说缺点,可能就是功能是他的弱项

Scriptaculous( JS UI component  based  on  prototype )
Scriptaculous 是基于 prototype.js 框架的 JS 效果。包含了 6 个 js 文件,不同的文件对应不同的 js 效果 , 所以说 , 如果底层用 prototype 的话 , 做 js 效果用 Scriptaculous 那是再合适不过的了,连大名鼎鼎的 digg 都在用他,可见不一般
优点: 基于 prototype 是最大的优点,由于使用 prototype 的广泛性,无疑对用户锦上添花,并且在《 ajax in action 》中就拿 Scriptaculous 来讲述 js 效果
缺点: 刚刚兴起,需要时间的磨练

yui-ext ( JS UI   component )
基于 Yahoo UI 的扩展包 yui-ext 是具有 CS 风格的 Web 用户界面组件能实现复杂 的Layout 布局 , 界面效果可以和 backbase 媲美 , 而且使用纯 javascript 代码开发 。 真正的可编辑的表格 Edit Grid , 支持 XML 和 Json 数据类型 , 直接可以迁入 grid 。 许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的 Tree 控件、动态拖拽效果等等。 1.0 beta 版开始同 Jquery 合作,推出基于 jQuery 的 Ext 1.0 ,提供了更多有趣的功能 。
优点: 结构化,类似于 java 的结构,清晰明了,底层用到了 Jquery 的一些函数 , 使整合使用有了选择,最重要的一点是界面太让让人震撼了。
缺点: 太过复杂,整个界面的构造过于复杂。

Jquery
jQuery 是一款同 prototype 一样优秀 js 开发库类,特别是对 css 和 XPath 的支持,使我们写 js 变得更加方便!如果你不是个 js 高手又想写出优秀的 js 效果, jQuery 可以帮你达到
目的!并且 简洁 的语法和高的效率一直是 jQuery 追求的目标 。

优点: 注重 简洁 和高效, js 效果有 yui-ext 的选择,因为 yui-ext 重用了很多jQuery的函数
缺点: 据说太嫩,历史不悠久。

Mochikit
MochiKit 自称为一个轻量级的 js 框架。 MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。 Mochikit 可以直接对字符串或者数字格式化输出,比较实用和方便。它还有自己的 js 代码解释器
优点: MochiKit.DOM 这部分很实用,简介也是很突出的
缺点: 轻量级的缺点

mootools
MooTools 是一个简洁 , 模块化 , 面向对象的 JavaScript 框架 。 它能够帮助你更快 , 更简单地编写可扩展和兼容性强的 JavaScript 代码 。 Mootools 跟 prototypejs 相类似 , 语法几乎一样 。 但它提供的功能要比 prototypejs 多 , 而且更强大 。 比如增加了动画特效 、 拖放操作等等 。
优点: 可以定制自己所需要的功能,可以说是 prototypejs 的增强版。
缺点: 不大不小,具体应用具体分析

moo.fx
moo.fx 是一个超级轻量级的 javascript 特效库( 7k ) , 能够与 prototype.js 或 mootools 框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何 HTML 元素的 CSS 属性,包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx 整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。
优点: 小块头有大能耐
缺点: 这么小了,已经不错了

 

原创粉丝点击