- 浏览: 372422 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
云卷云舒灬:
...
Java读取XML配置文件详细总结(dom4j方式) -
ancoa:
多谢博主分享
jQuery实现多选下来框(multiple select) -
aa51513:
图片看不成
java利器---jodd -
wanggang0321:
正在学习中,看完文章了,谢谢写的教程!!!
Tomcat负载均衡和集群环境的搭建 -
yasyas001:
引用
如何实现双(多)语种网站内容的国际化?
随着web2.0的彪悍发展,以及浏览器端所承载的工作越来越大(在不是很影响性能的情况下,开发者都习惯把能用浏览器做的事儿都让浏览器做,以减轻服务器的压力和带宽费用等)。
首先,看看选择AJAX框架的基础:
你的项目需求(即你需要哪些特性,例如是否要求做出精美的界面、特效或其它功能)
是否支持A等级的浏览器(IE, Firefox等)?
文档的质量:是否完善(包含教程,API,代码示例等)
框架的可扩展性如何?为框架写插件容易吗?
你是否喜欢它的API的风格?
能大多程度上统一你的JavaScript代码的风格?
框架大小(太大的框架导致用户下载时间的延长)
框架是否强迫你改变写HTML的方式(Dojo就是这样)?
代码执行速度:性能如何?
代码是否为模块化?代码可重用性如何?
所以Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间,写的代码也很清晰便捷。(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的。在对框架的深入的同时,对原生的js也会理解的更透彻一些。成为一个精明的开发者,两者是相依相偎的。而最好的状态就是想Qzone前端一样,完全按照自己的需求开发出一套JS,CSS框架。–当然这是因为Qzone太大了)
目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。当然还有很多我都不熟悉的框架,就没有列举。 很多人会在坛子里问,到底哪个框架好呢?哪个框架更牛x呢? 哪个框架OO 更舒服呢? webryan 个人觉得,这是一个新手很容易犯的错误逻辑。 世界上任何东西,任何工具,都没有最好的这一个说法,只有适合和不适合。 我们要根据我们项目的真实需要来选择具有相关特性的框架。
一、JQuery
推荐级别:五星级
使用场景:任意
下载地址:www.jquery.com 或google搜 jquery下载
推荐原因:目前来说我使用最多的框架(当然我其他的框架也都真是项目开发过若干),也是我个人最推荐的一个。在和业内的一些技术聊的时候,发现 xiaonei.com的CTO 、腾讯、或是其他一些新兴的web2.0大牛们都首推这个框架。 那具体好在哪呢? 1.小. (这个上量后,很严重的问题) 2.简单. (学习成本低但成效高,手册有足够清晰的例子让你从0到项目完成) 3.内部结构好开源,侧重逻辑 4.对DOM选择强大(其实,JS大多时候是在处理DOM)5.UI扩展好(这里要提到的就是 Jquery tools和 Jquery UI,大家可以去搜搜看这两个Jquery的扩展UI,你会发现ui原来如此简单,也是因为ui的可扩展性,所以他相对于其他框架毫不逊色)。
二、Extjs
下载地址:http://extjs.com/
使用场景:内部系统。后台系统。管理系统等。
推荐级别:四星
推荐理由:Extjs有着非常牛逼的UI设计。强大的UI,而且性能不错,这是其最大的优点。
速度快,管是UI还是其它模块。
100%面向对象和组件化的思想,一致的语法,全局的命名空间。
文档的完整,规范,方便。
核心的开发团队,Jack Slocum等。
活跃的社区,迅速增加的用户量。
模块化实现,可扩展性强。
所有的组件(widgets)都可直接使用,而无需进行设置(当然,用户可以选择重新配置)。所以当你做像后台管理,企业内部流程,或其他管理系统的时候,这个东西无疑是你的最佳选择。为什么呢? 因为它几行代码就可以生成非常漂亮的全界面UI,功能强大,样式可选。 做过一个CMS的后台和一个企业内部的系统都是用这个做的,节省了很多人力和时间,而且广受好评。 而它的缺点是,在一个页面加载很多tab的时候,js可能会要同时下载若干个文件。简单说就是js会比较大。 但对于后台管理和企业内部系统来说,这个会成为瓶颈。稍复杂。
为重量级的框架(包含大量UI),体积大。如果导入ext-all.js,压缩后也有近500k。
三、YUI
下载地址:http://developer.yahoo.com/yui/
推荐级别:4星
推荐理由:YUI这个框架我只研究过,但没用在项目中独立使用过。大多是进入项目后,前辈们使用了YUI,然后我们在后续开发中延续了之前的角色而已。很久以前版本的QQ硬盘、mop的某些模块使用过的,但现在就是很清楚哪些人还在用了。它和Extjs有点相似,UI方面有很多优势。
使用场景:拆分YUI的各个模块,对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。
四、Dojo
下载地址:http://dojotoolkit.org/
推荐级别:四星
推荐理由:Dojo是功能最为强大的javascript框架,刻意提醒一下:功能最强大。所以它几乎包含了所有你可能想要用到的东西。)。背后强大的支持:IBM、Sun、BEA等,这是非常重要的优势。
Dojo更适合企业应用和产品开发的需要,因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。但是但是,我们是否需要这些功能?做 web2.0产品是有要这么大的东东呢? 这个要按照你自己的需求来。 而且Dojo缺点很明显,太大,功能太多,学习曲线太陡。 但是它做企业应用的话,那简直是如鱼得水。这也是IBM等公司招聘的时候,把Dojo和学习Dojo放在第一位的原因。
优点:
功能的强大,Full Stack的框架,扩展了DHTML的能力,例如:
支持与浏览器Back/Forward按钮的集成。
Dojo Offline,一个跨平台的离线存储API。
Chart组件,可以方便地在浏览器端生成图表。
基于SVG/VML的矢量图形库。
Google Maps、Yahoo! Maps组件,方便开发Mashup应用。
Comet支持,通过通用的Buyeux协议。
强大的UI(Dijit)。
面向对象的设计,统一的命名空间,包管理机制(The Package System and Custom Builds)
可扩展性。
缺点:
复杂,学习曲线陡。
文档的极端不全,这是一个很大的问题。
API很多不稳定,各版本间改动较大,现在还不是一个成熟的框架。
侵入性太大,页面中大量使用dojo的属性,例如<button dojoType="dijit.form.Button" id="helloButton">,如果将来dojo升级或者换一个框架时,负担会很大。
性能问题,由于dojo加载采用了同步的机制,会暂时锁定浏览器,导致CPU使用率达到100%。另外,很多Widget的速度很慢。
五、Prototype
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。
六、Mootools
下载地址:http://mootools.net/
推荐级别:4星
推荐理由:OO设计思想。模块化强,耦合度比较低。有人说,它的UI效果比Jquery UI好一些,没用过它的ui就暂时不多说了。各位开发者可以参见他们的demo看效果或者选择器等东西是否适合自己。
总结
轻量级选择
轻量级的选择:主要是jquery,设计思想,jQuery是追求简洁和高效,所以jQuery适合于快速开发,另外,在Ajax的支持上,jQuery稍强一些;在Comet的支持上,jQuery有相关的插件,但是Comet的核心在于服务器的支持,浏览器端的接口很简单,开发相关的插件很简单。
面向RIA的框架
考虑纯JavaScripty库,目前主要是Dojo和ExtJS(还有YUI)。Dojo更适合企业应用和产品开发的需要,因为离线存储、 DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。
首先,看看选择AJAX框架的基础:
你的项目需求(即你需要哪些特性,例如是否要求做出精美的界面、特效或其它功能)
是否支持A等级的浏览器(IE, Firefox等)?
文档的质量:是否完善(包含教程,API,代码示例等)
框架的可扩展性如何?为框架写插件容易吗?
你是否喜欢它的API的风格?
能大多程度上统一你的JavaScript代码的风格?
框架大小(太大的框架导致用户下载时间的延长)
框架是否强迫你改变写HTML的方式(Dojo就是这样)?
代码执行速度:性能如何?
代码是否为模块化?代码可重用性如何?
所以Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间,写的代码也很清晰便捷。(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的。在对框架的深入的同时,对原生的js也会理解的更透彻一些。成为一个精明的开发者,两者是相依相偎的。而最好的状态就是想Qzone前端一样,完全按照自己的需求开发出一套JS,CSS框架。–当然这是因为Qzone太大了)
目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。当然还有很多我都不熟悉的框架,就没有列举。 很多人会在坛子里问,到底哪个框架好呢?哪个框架更牛x呢? 哪个框架OO 更舒服呢? webryan 个人觉得,这是一个新手很容易犯的错误逻辑。 世界上任何东西,任何工具,都没有最好的这一个说法,只有适合和不适合。 我们要根据我们项目的真实需要来选择具有相关特性的框架。
一、JQuery
推荐级别:五星级
使用场景:任意
下载地址:www.jquery.com 或google搜 jquery下载
推荐原因:目前来说我使用最多的框架(当然我其他的框架也都真是项目开发过若干),也是我个人最推荐的一个。在和业内的一些技术聊的时候,发现 xiaonei.com的CTO 、腾讯、或是其他一些新兴的web2.0大牛们都首推这个框架。 那具体好在哪呢? 1.小. (这个上量后,很严重的问题) 2.简单. (学习成本低但成效高,手册有足够清晰的例子让你从0到项目完成) 3.内部结构好开源,侧重逻辑 4.对DOM选择强大(其实,JS大多时候是在处理DOM)5.UI扩展好(这里要提到的就是 Jquery tools和 Jquery UI,大家可以去搜搜看这两个Jquery的扩展UI,你会发现ui原来如此简单,也是因为ui的可扩展性,所以他相对于其他框架毫不逊色)。
二、Extjs
下载地址:http://extjs.com/
使用场景:内部系统。后台系统。管理系统等。
推荐级别:四星
推荐理由:Extjs有着非常牛逼的UI设计。强大的UI,而且性能不错,这是其最大的优点。
速度快,管是UI还是其它模块。
100%面向对象和组件化的思想,一致的语法,全局的命名空间。
文档的完整,规范,方便。
核心的开发团队,Jack Slocum等。
活跃的社区,迅速增加的用户量。
模块化实现,可扩展性强。
所有的组件(widgets)都可直接使用,而无需进行设置(当然,用户可以选择重新配置)。所以当你做像后台管理,企业内部流程,或其他管理系统的时候,这个东西无疑是你的最佳选择。为什么呢? 因为它几行代码就可以生成非常漂亮的全界面UI,功能强大,样式可选。 做过一个CMS的后台和一个企业内部的系统都是用这个做的,节省了很多人力和时间,而且广受好评。 而它的缺点是,在一个页面加载很多tab的时候,js可能会要同时下载若干个文件。简单说就是js会比较大。 但对于后台管理和企业内部系统来说,这个会成为瓶颈。稍复杂。
为重量级的框架(包含大量UI),体积大。如果导入ext-all.js,压缩后也有近500k。
三、YUI
下载地址:http://developer.yahoo.com/yui/
推荐级别:4星
推荐理由:YUI这个框架我只研究过,但没用在项目中独立使用过。大多是进入项目后,前辈们使用了YUI,然后我们在后续开发中延续了之前的角色而已。很久以前版本的QQ硬盘、mop的某些模块使用过的,但现在就是很清楚哪些人还在用了。它和Extjs有点相似,UI方面有很多优势。
使用场景:拆分YUI的各个模块,对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。
四、Dojo
下载地址:http://dojotoolkit.org/
推荐级别:四星
推荐理由:Dojo是功能最为强大的javascript框架,刻意提醒一下:功能最强大。所以它几乎包含了所有你可能想要用到的东西。)。背后强大的支持:IBM、Sun、BEA等,这是非常重要的优势。
Dojo更适合企业应用和产品开发的需要,因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。但是但是,我们是否需要这些功能?做 web2.0产品是有要这么大的东东呢? 这个要按照你自己的需求来。 而且Dojo缺点很明显,太大,功能太多,学习曲线太陡。 但是它做企业应用的话,那简直是如鱼得水。这也是IBM等公司招聘的时候,把Dojo和学习Dojo放在第一位的原因。
优点:
功能的强大,Full Stack的框架,扩展了DHTML的能力,例如:
支持与浏览器Back/Forward按钮的集成。
Dojo Offline,一个跨平台的离线存储API。
Chart组件,可以方便地在浏览器端生成图表。
基于SVG/VML的矢量图形库。
Google Maps、Yahoo! Maps组件,方便开发Mashup应用。
Comet支持,通过通用的Buyeux协议。
强大的UI(Dijit)。
面向对象的设计,统一的命名空间,包管理机制(The Package System and Custom Builds)
可扩展性。
缺点:
复杂,学习曲线陡。
文档的极端不全,这是一个很大的问题。
API很多不稳定,各版本间改动较大,现在还不是一个成熟的框架。
侵入性太大,页面中大量使用dojo的属性,例如<button dojoType="dijit.form.Button" id="helloButton">,如果将来dojo升级或者换一个框架时,负担会很大。
性能问题,由于dojo加载采用了同步的机制,会暂时锁定浏览器,导致CPU使用率达到100%。另外,很多Widget的速度很慢。
五、Prototype
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。
六、Mootools
下载地址:http://mootools.net/
推荐级别:4星
推荐理由:OO设计思想。模块化强,耦合度比较低。有人说,它的UI效果比Jquery UI好一些,没用过它的ui就暂时不多说了。各位开发者可以参见他们的demo看效果或者选择器等东西是否适合自己。
总结
轻量级选择
轻量级的选择:主要是jquery,设计思想,jQuery是追求简洁和高效,所以jQuery适合于快速开发,另外,在Ajax的支持上,jQuery稍强一些;在Comet的支持上,jQuery有相关的插件,但是Comet的核心在于服务器的支持,浏览器端的接口很简单,开发相关的插件很简单。
面向RIA的框架
考虑纯JavaScripty库,目前主要是Dojo和ExtJS(还有YUI)。Dojo更适合企业应用和产品开发的需要,因为离线存储、 DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。
评论
2 楼
zhangyaochun
2012-09-18
一看就不是互联网人写的,kissy|tangram|qwrap|等都没有出现,而且个人觉得评出一个几星意义不是很大,更大的意义是我们面对一个什么规模的项目,采用什么样子的框架思想去生成一个小库,简单干净。。个人意见
1 楼
tmartin
2012-09-18
确实,类似文章不少,也有个人看法,但不足以上首页吧。
让你笑了 写道
这都是那年的文章了...还能上首页?
发表评论
-
An internal error occurred during: "Building workspace". Java heap space
2013-01-31 15:31 8064今天MyEclipse导入了一个 ... -
java利器---jodd
2013-01-25 17:26 18563网上对Jodd的描述如下: Jodd是一个普通开源Java ... -
JAVA中使用FTPClient上传下载
2012-11-16 15:03 3462在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上 ... -
Java获取网页内容s实现自动化(IASI)
2012-11-16 09:58 3348IasiClient package com.iasi. ... -
Java实现Zip压缩,解压缩(二)
2012-11-15 11:16 1611今天写了个用java压缩的功能,可以实现对文件和目录的压缩。 ... -
java 接收、解析邮件实例(三)
2012-11-15 10:20 1353package com.prase.email.four; ... -
java 发送、解析邮件实例(二)
2012-11-14 16:47 1074package com.prase.email.eight ... -
java 发送、解析邮件实例(一)
2012-11-14 16:40 1474package com.prase.email.six; ... -
java发送邮件详细参数解析总结(一)
2012-11-14 16:36 137591.介绍: Java Mail API的开发是SUN为Jav ... -
JavaMail学习笔记(一)、理解邮件传输协议(SMTP、POP3、IMAP、MIME)
2012-11-14 16:33 1724电子邮件需要在邮件客户端和邮件服务器之间,以及两个邮件服务器之 ... -
Tomcat负载均衡和集群环境的搭建
2012-09-07 12:00 17432实现此集群的方法参考了网上的很多文章,但由于很多文章都表明是原 ... -
Tomcat6.0 配置ip地址访问不用加端口和项目名
2012-09-07 11:00 2705主要配置tomcat/conf目录下的server.xml文件 ... -
java实现删除文件指定目录
2012-08-17 17:28 1408package hcz.remove.filepath; ... -
Json 和 Gson
2012-08-17 11:32 1597json是一种数据格式,便于数据传输、存储、交换 gson是 ... -
Jquery解析json
2012-08-16 18:11 1156jQuery解析JSON,通过异步调用的方式从服务器端获取对象 ... -
Jquery JSON操作应用
2012-08-16 18:07 1753今天闲暇时间没事,看到群里有人询问json数据操作,然后回顾一 ... -
java简单操作Excel
2012-08-15 16:47 1311解析Excel文件 package hcz.resol ... -
五个有用的过滤器
2012-08-02 13:40 1377一、使浏览器不缓存页面的过滤器 import javax. ... -
Java XML解析,,Node直接转为对象。考虑了一般的类,简单类型,数组,还未考虑List,Map
2012-07-27 14:23 5712XML解析类 package com.supermap ... -
Java学习之Iterator(迭代器)的一般用法 (转)
2012-07-27 13:24 1015迭代器(Iterator) 迭代器是一种设计模式,它是一个 ...
相关推荐
四种时兴的框架jQuery,Mootools,Dojo,ExtJS的对比
在给定的标题"JavaScript libraries--->jQuery, Prototype, Mootools, YUI, Extjs, Dojo"中,提到了五种著名的JavaScript库:jQuery、Prototype、Mootools、YUI和ExtJS。这些库都有各自的特性和优势,下面将详细介绍...
《Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools》是关于JavaScript框架的高级编程资源,包含了各种知名框架的源代码,这些框架包括Prototype、YUI(Yahoo! User Interface Library...
本教程将深入探讨Jquery、YUI和ExtJs这三大JavaScript框架在表单验证和提示功能方面的应用。 **jQuery** jQuery是一款轻量级、高性能的JavaScript库,以其简洁的API和跨浏览器兼容性闻名。在表单验证方面,jQuery...
### 四种流行的AJAX框架对比分析:jQuery, Mootools, Dojo, ExtJS #### 一、jQuery **主页**: <http://jquery.com/> **设计思想**: - **简洁性**: 几乎所有操作都始于选择DOM元素,并对其进行操作(支持Chaining...
JavaScript框架的种类有很多,如jQuery、ExtJS、Prototype、MooTools等。每种框架都有其优缺点,本文将对jQuery和ExtJS进行对比研究,分析其优缺点,以期为Web开发者提供帮助。 jQuery简介 jQuery是一个快速、简洁...
jQuery和Ext JS是两种广泛应用于前端开发的JavaScript框架,它们各自有着独特的特性和优势。本篇将详细探讨这两个框架在Jquery-Extjs4.0中的结合使用及其核心概念。 **jQuery框架** jQuery是一个轻量级、高性能的...
在当今的Web开发领域,JavaScript框架扮演着至关重要的角色,其中Dojo和ExtJS是备受开发者喜爱的两个库。本教程源码集结合了这两个强大的工具,为学习者提供了一次深入理解它们结合使用的宝贵机会。 Dojo是一个全面...
目前市面上流行的JavaScript库包括jQuery、Prototype、ExtJs、Dojo、YUI(Yahoo! User Interface Library)、Script.aculo.us、MochiKit、MooTools、Qooxdoo、SproutCore、Rialto、Spry、JavaScriptMVC等。它们各自...
js jquery extjs myeclipse 代码提示插件安装及安装步骤js jquery extjs myeclipse 代码提示插件安装及安装步骤js jquery extjs myeclipse 代码提示插件安装及安装步骤js jquery extjs myeclipse 代码提示插件安装及...
基于ExtJs的框架允许开发者将应用拆分为独立、可重用的组件,便于团队协作和后期维护。 2. **数据绑定**:ExtJs提供了强大的数据绑定机制,能自动同步视图和模型之间的数据,简化了数据管理。 3. **高级组件**:...
以下是对七大JavaScript框架——Dojo、Prototype、YUI、jQuery、MooTools、Script.aculo.us以及ExtJS的优缺点分析: 一、Dojo Dojo是一个功能强大的JavaScript库,具有丰富的API和工具,特别适合大型企业级应用。它...
Ajax(Jquery与ExtJs) 框架对比 web前端开发
JavaScript 框架Dojo和ExtJS都是广泛用于构建复杂Web应用程序的JavaScript库。它们各自具有独特的特性和优势,适用于不同的开发场景。 首先,我们来看看Dojo。Dojo是一个全面的JavaScript框架,由Core、Dijit和...
ExtJS 是一个跨浏览器、用于开发 RIA(Rich Internet Application)应用的 JavaScript 框架。提供:高性、可定制的 Web UI 控件库。良好的设计、丰富的文档和可扩展的组件模型。 这七个框架都有其特点和优势,选择...
1. `adapter`:这部分包含了适配器,用于将EXTJS与不同的底层库(如Prototype、jQuery或YUI)集成,使得EXTJS能够支持这些库的功能。 2. `build`:这个目录下存储的是经过压缩的EXTJS完整源码,适合在生产环境中...
ExtJS FineUI 开发框架与 FineOffice 框架是两个在企业级Web应用开发中常用的工具,尤其在构建OA(办公自动化)系统时。本文将深入探讨这两个框架及其在OA源码中的应用。 首先,ExtJS是一个强大的JavaScript库,...
1. **EXTJS 6.6框架**:EXTJS 是由Sencha公司开发的一个JavaScript库,用于构建富客户端的Web应用。EXTJS 6.6版本引入了许多新特性,如响应式布局、新的图表组件、改进的性能和API调整等。它提供了丰富的UI组件,如...