`
kongxiantao
  • 浏览: 112836 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

八款JS框架比较

阅读更多

 

目前来看, 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 的类库使用显得不是那么易用, j s 语法增强方面不如 p rototype

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-e xt 是具有 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 整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。

优点:小块头有大能耐
缺点:这么小了,已经不错了

分享到:
评论

相关推荐

    八款Js框架介绍及比较

    以下是对八款JavaScript框架的详细介绍和比较: 1. Dojo: Dojo是一个全面的JavaScript库,它包含了丰富的跨浏览器API,如Ajax、事件处理、UI组件等。Dojo试图成为一个全方位的解决方案,不仅限于浏览器层面,还...

    10大js框架 javaScript框架

    在探讨“十大JavaScript框架”这一主题时,我们深入解析了多个关键框架,这些框架在现代Web开发中扮演着至关重要的角色。以下是对每个框架的详细分析: ### 1. Prototype Prototype是最早一批的JavaScript库之一,...

    常用JS框架比较(个人整理)

    本文将基于提供的文件内容,对几个常见的JavaScript框架进行详细比较,包括它们的核心特性、适用场景以及优缺点。 首先,我们关注到“21个强大的javascript框架.doc”,这可能是一个列举并分析了21个JavaScript框架...

    不错的一款JS框架

    "不错的一款JS框架"的标题和描述表明我们正在讨论一个被广泛认可、性能优异的JavaScript框架。这样的框架通常提供了一套完善的功能,帮助开发者更高效地构建交互式的前端或全栈应用程序。 JavaScript框架的主要目标...

    比较几个流行的JavaScript框架的性能

    本篇文章将深入探讨几个流行的JavaScript框架——React、Angular、Vue.js和Ember.js的性能差异,旨在为开发者提供决策参考。 首先,React是由Facebook开发并维护的库,主要用于构建用户界面,特别是单页面应用(SPA...

    JS框架实例

    在"JS框架实例"中,我们将主要关注JavaScript框架如何提升开发效率和用户体验。首先,框架如React、Angular和Vue.js等,它们各自具有独特的特性和用途。React是由Facebook维护的库,它以组件化开发著称,允许开发者...

    很好js后台框架,很不错哦

    4. **NestJS框架**:NestJS是一个渐进式的企业级JavaScript框架,它受到了Angular的影响,引入了依赖注入和模块化等概念。NestJS旨在提高代码的可测试性和可维护性,适用于构建大型、复杂的Web应用。 5. **Total.js...

    自定义JS类框架

    "自定义JS类框架"指的是开发者根据自身需求,利用JavaScript语言特性(如原型链、闭包、模块化等)和jQuery库,构建的一种自定义的框架。这个框架可能是为了简化DOM操作、提供更高级别的API、优化性能或者实现特定的...

    CSS框架与JS框架结合

    将CSS框架与JS框架结合使用是现代Web开发中常见的实践,旨在利用这些框架提供的预置样式和功能组件,快速高效地构建现代网页应用。 标题“CSS框架与JS框架结合”提到了AngularJS和Bootstrap,这两个框架在Web开发中...

    Ext框架JavaScript开源框架

    Ext框架JavaScript开源框架Ext框架JavaScript开源框架

    JavaScript框架资源整合.part2

    JavaScript框架资源整合.part2

    相册框架--百度图片JS框架

    其中,“百度图片JS框架”就是一个专门为创建相册功能设计的JavaScript库,它旨在简化图片展示和管理的复杂性,帮助开发者快速构建出具有专业级体验的相册应用。 **一、框架核心功能** 1. **图片加载优化**:百度...

    简易javascript框架

    仿照 jquery源码编写的 简易框架的源码 出自的妙味课堂远程课

    javascript框架

    一个javascript框架

    JQuery框架 JS框架 JS javascript

    在标题和描述中提到的“JQuery框架 JS框架 JS javascript”表明我们将探讨JQuery如何作为JS的一个强大工具,帮助开发者创建功能丰富且视觉效果出色的网页系统。 1. **JQuery的核心概念** - **选择器**:JQuery的...

    javascript常见的7个框架

    "JavaScript 框架详解" 在 JavaScript 开发中,框架扮演着非常重要的角色。选择合适的框架可以提高开发效率,简化代码编写,提高应用程序的性能。在面试中,框架也是常被问到的题目之一。下面我们将详细介绍七个...

    JavaScript框架

    JavaScript框架如React、Vue.js和Angular都提供了构建高效、响应式和交互式导航条的方法。 1. **React**:由Facebook开发的React是一个用于构建用户界面的库,特别擅长构建组件化的应用。React Navigation是一个...

    JavaScript框架比较.doc

    JavaScript框架是为了解决JavaScript在多浏览器环境下的兼容性问题以及简化复杂的Web应用开发而诞生的工具集合...常见的JavaScript框架有jQuery、Angular、React、Vue.js等,它们各有特色,满足不同类型的Web开发需求。

    8大流行JS框架 10大新的最具潜力JS框架

    JavaScript框架在Web开发中起着至关重要的作用,它们简化了前端开发,提供了丰富的交互性和高效性能。以下是对8个流行JavaScript框架和10个新晋潜力框架的详细说明: 1. **Dojo**:Dojo Toolkit是一个全面的...

Global site tag (gtag.js) - Google Analytics