(精品)常用JS框架比较

*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,常用,JS,框架比较,鲁超伍,|Adam,http:/ JS,JET,JavaScriptMVC,Qooxdoo,SproutCore,Sencha,Touch,IUI,我对框架的分类,Javascript,库,解决浏览器兼容性,快速开发,Web,应用,丰富,UI,效果,跨浏览器,RIA,框架,类桌面应用,移动网络应用,APP,框架,为移动设备而设计,基于,HTML5,和,CSS3,JQuery,jQuery,由,John,Resig,创建，其宗旨是,WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的,js,库,(,压缩后只有,21k),，它兼容,CSS3,，还兼容各种浏览器（,IE 6.0+,FF 1.5+,Safari 2.0+,Opera 9.0+,）。,jQuery,是一个快速的，简洁的,javaScript,库，使用户能更方便地处理,HTML documents,、,events,、实现动画效果，并且方便地为网站提供,AJAX,交互。,jQuery,还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。,示例：,http:/,/,YUI,Yahoo!User Interface(YUI)Library,是一组采用,DOM scripting,，,D,html,和,Ajax,等技术开发的,Web UI,控件和工具。中文说过来就是“,Yahoo,用户界面库”。,Yui,工具包利用,DOM,脚本来简化浏览器内的开发（,in-browserdevolvement,），使用,DHTML,和,AJAX,的特性开发所有的,Web,程序。,YUI,控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。,示例：,http:/,/,Prototype,prototype,是一个易于使用、面向对象的,JavaScript,框架。它封装并简化和扩展一些在,Web,开发过程中常用到,JavaScript,方法与,Ajax,交互处理过程。,示例：,http:/,last.fm,/,Mootools,MooTools,是一个简洁，模块化，面向对象的,JavaScript,框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的,JavaScript,代码。,Mootools,从,Prototype.js,中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比,Prototype.js,多，整体设计也比,Prototype.js,要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。,示例：,http:/,/,ExtJS,ExtJS,是一个跨浏览器，用于开发,RIA,（,Rich Internet Application,）应用的,JavaScript,框架。提供：高性，可定制的,Web UI,控件库。良好的设计、丰富的文档和可扩展的组件模型。,示例：,http:/,/deploy/dev/examples/,Mochikit,MochiKit,是一种有用的高端,JavaScript,库。,MochiKit,主要受到,Python,和,Python,标准库提供的很多便利之处的启发，另外还缓解了浏览器版本之间的不一致性。其中的,MochiKit.DOM,尤其方便，能够以比原始,JavaScript,更友好的方式处理,DOM,对象。,MochiKit.DOM,大部分都是针对,XHTML,文档定制的，如果与,MochiKit,和,Ajax,结合在一起，使用,XHTML,包装的微格式尤其方便。,示例：,http:/, querying,，,animations,，,JSON,等相关操作,API,。,Dijit,是一个可更换皮肤，基于模板的,WEB UI,控件库。,DojoX,包括一些创新,/,新颖的代码和控件：,DateGrid,，,charts,，离线应用，跨浏览器矢量绘图等。,示例：,http:/,demos.dojotoolkit.org,/demos/,Kissy,KISSY,是一个小巧灵活、简洁实用的,UI,类库，它希望使用者能愉悦编码、快乐开发。,Keep It,Simple&Stupid,Short&Sweet,Slim&Sexy.,示例：,http:/,/,Como Js,Como JS,是一款代码简易而功能强大的,Javascript,框架，也是作者在工作过程中的经验总结，实用性强；通过它，能够简化,Javascript,代码开发，增强代码重用性，能够异步按需加载,js,和,css,文件，增强,page,的加载速度,示例：,http:/, Page,和,Web App,的开发,微内核设计,内核可完全分离出来，用于构建自己的框架,自由拼装各个模块,命名空间、原生对象零污染,无缝集成各种,js,框架,与,jQuery,YUI,Mootools,Prototype.js,等框架无缝集成,与多种局部框架无缝集成，如：,Mini,Sizzle,cssQuery,xpath,JSON,等等,多版本共存,如采用的,JET,版本过旧，旧有的,Javascript,代码不能与新版本,JET,兼容，则可以采用多版本共存的方式保持程序的可延续性,分层设计,Javascript,核心层，与,Javascript,解释引擎无关的封装和扩展,浏览器端,Javascript,层，对浏览器中的,Javascript,引擎部分的封装和扩展,示例：,http:/ framework.,也是一个很棒的,JavaScript,测试框架，它同样能提高开发的速度。,JavaScriptMVC,应用了模型,-,视图,-,控制器架构模式，把业务逻辑和表示分离，使得代码更加模块化。,示例：,http:/, native-class,）应用，而,SproutCore,则是其中之一。,示例：,http:/,/demos/,Sencha,Touch,Sencha,Touch,可以让你的,Web App,看起来像,Native App,。美丽的用户界面组件和丰富的数据管理，全部基于最新的,HTML5,和,CSS3,的,WEB,标准，全面兼容,Android,和,Apple,iOS,设备。,示例：,http:/, Text Editor,With,plugin,Y,N,Y,Y,Drag and drop,Y,Y,Y,Y,Y,Input form,With,plugin,Y,Y,Y,Y,Animation,Y,Y,Y,Y,Y,Event handling,Y,Y,Y,Y,Y,Automation tools,With,plugin,Y,Y,Y,Y,Accessibility,Y,Y,Y,N,N,mobie,/tablet support,With,plugin,partial,N,Y,N,Jquery,YUI DOM,Prototype,Ext JS,Mootools,Dojo,Kissy,ComoJS,Jquery,与,YUI,详细比较,DEMO,http:/, 适合自己的框架,RIA,和,Mobile,框架需要前端工程师更深入去研究以及学习，我觉得将对以后的云计算和移动互联网开发有很多帮助,参考资源,http:/