JQuery,Extjs,YUI,Prototype,Dojo等JS框架的区别和应用场景简述
2023-06-13 09:14:18 时间
所以Javascript已经成为了web开发最最基本的要求之一了。而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的NativeJavascript的编写。你会发现这样会节省很多的时间,写的代码也很清晰便捷。(当然在学生时代的是有也质疑过,用框架会对原生态的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扩展好(这里要提到的就是Jquerytools和JqueryUI,大家可以去搜搜看这两个Jquery的扩展UI,你会发现ui原来如此简单,也是因为ui的可扩展性,所以他相对于其他框架毫不逊色)。
二、Extjs
下载地址:http://extjs.com/
使用场景:内部系统。后台系统。管理系统等。
推荐级别:四星
推荐理由:Extjs有着非常牛逼的UI设计。所以当你做像后台管理,企业内部流程,或其他管理系统的时候,这个东西无疑是你的最佳选择。为什么呢?因为它几行代码就可以生成非常漂亮的全界面UI,功能强大,样式可选。做过一个CMS的后台和一个企业内部的系统都是用这个做的,节省了很多人力和时间,而且广受好评。而它的缺点是,在一个页面加载很多tab的时候,js可能会要同时下载若干个文件。简单说就是js会比较大。但对于后台管理和企业内部系统来说,这个会成为瓶颈。
三、YUI
下载地址:http://developer.yahoo.com/yui/
推荐级别:4星
推荐理由:YUI这个框架我只研究过,但没用在项目中独立使用过。大多是进入项目后,前辈们使用了YUI,然后我们在后续开发中延续了之前的角色而已。很久以前版本的QQ硬盘、mop的某些模块使用过的,但现在就是很清楚哪些人还在用了。它和Extjs有点相似,UI方面有很多优势。
使用场景:拆分YUI的各个模块,对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。
四、Dojo
下载地址:http://dojotoolkit.org/
推荐级别:四星
推荐理由:Dojo是功能最为强大的javascript框架,刻意提醒一下:功能最强大。所以它几乎包含了所有你可能想要用到的东西。)。Dojo更适合企业应用和产品开发的需要,因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。但是但是,我们是否需要这些功能?做web2.0产品是有要这么大的东东呢?这个要按照你自己的需求来。而且Dojo缺点很明显,太大,功能太多,学习曲线太陡。但是它做企业应用的话,那简直是如鱼得水。这也是IBM等公司招聘的时候,把Dojo和学习Dojo放在第一位的原因。
五、Prototype
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。
六、Mootools
下载地址:http://mootools.net/
推荐级别:4星
推荐理由:OO设计思想。模块化强,耦合度比较低。有人说,它的UI效果比JqueryUI好一些,没用过它的ui就暂时不多说了。各位开发者可以参见他们的demo看效果或者选择器等东西是否适合自己。
ok,真正的框架还是用出来的,写出来的。如果你看完上面的东西还是一头雾水,那么建议你从JQuery开始吧。
目前流行的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扩展好(这里要提到的就是Jquerytools和JqueryUI,大家可以去搜搜看这两个Jquery的扩展UI,你会发现ui原来如此简单,也是因为ui的可扩展性,所以他相对于其他框架毫不逊色)。
二、Extjs
下载地址:http://extjs.com/
使用场景:内部系统。后台系统。管理系统等。
推荐级别:四星
推荐理由:Extjs有着非常牛逼的UI设计。所以当你做像后台管理,企业内部流程,或其他管理系统的时候,这个东西无疑是你的最佳选择。为什么呢?因为它几行代码就可以生成非常漂亮的全界面UI,功能强大,样式可选。做过一个CMS的后台和一个企业内部的系统都是用这个做的,节省了很多人力和时间,而且广受好评。而它的缺点是,在一个页面加载很多tab的时候,js可能会要同时下载若干个文件。简单说就是js会比较大。但对于后台管理和企业内部系统来说,这个会成为瓶颈。
三、YUI
下载地址:http://developer.yahoo.com/yui/
推荐级别:4星
推荐理由:YUI这个框架我只研究过,但没用在项目中独立使用过。大多是进入项目后,前辈们使用了YUI,然后我们在后续开发中延续了之前的角色而已。很久以前版本的QQ硬盘、mop的某些模块使用过的,但现在就是很清楚哪些人还在用了。它和Extjs有点相似,UI方面有很多优势。
使用场景:拆分YUI的各个模块,对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。
四、Dojo
下载地址:http://dojotoolkit.org/
推荐级别:四星
推荐理由:Dojo是功能最为强大的javascript框架,刻意提醒一下:功能最强大。所以它几乎包含了所有你可能想要用到的东西。)。Dojo更适合企业应用和产品开发的需要,因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的(当然这些组件还要等一段时间才能稳定下来)。例如,BEA基于Mashup技术开发的产品中已经使用了Dojo。但是但是,我们是否需要这些功能?做web2.0产品是有要这么大的东东呢?这个要按照你自己的需求来。而且Dojo缺点很明显,太大,功能太多,学习曲线太陡。但是它做企业应用的话,那简直是如鱼得水。这也是IBM等公司招聘的时候,把Dojo和学习Dojo放在第一位的原因。
五、Prototype
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。
六、Mootools
下载地址:http://mootools.net/
推荐级别:4星
推荐理由:OO设计思想。模块化强,耦合度比较低。有人说,它的UI效果比JqueryUI好一些,没用过它的ui就暂时不多说了。各位开发者可以参见他们的demo看效果或者选择器等东西是否适合自己。
ok,真正的框架还是用出来的,写出来的。如果你看完上面的东西还是一头雾水,那么建议你从JQuery开始吧。
相关文章
- JQuery 笔记(二)
- 利用Jquery Lazyload JS插件实现网页图片延迟加载
- vue.js和jquery的区别_人和人类的区别是什么
- vue.js和react.js_vue和jquery
- JS实现简单的jQuery框架(非常详细)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- JS在Oracle中的应用(js如何oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- 使用Oracle和JS开发新一代应用仿真世界(oracle js)
- Redis中的订阅机制及其在JS中的应用(redis 订阅 js)
- jQuery各种浏览器下获得日期区别
- jquery.cookie.js操作cookie实现记住密码功能的实现代码
- js与jquery中获取当前鼠标的x、y坐标位置的代码
- js+JQuery返回顶部功能如何实现
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- js弹出层(jQuery插件形式附带reLoad功能)
- jQuery快速上手:写jQuery与直接写JS的区别详细解析
- 如何解决Jquery库及其他库之间的$命名冲突
- js(jQuery)获取时间的方法及常用时间类搜集
- 解决jquery插件冲突的问题
- 比较不错的JS/JQuery显示或隐藏文本的方法
- jquery中交替点击事件的实现代码
- Jquery修改页面标题title其它JS失效的解决方法
- js+jquery实现图片裁剪功能
- jQuery之Deferred对象详解