AJAX脚本框架选型.pptVIP

AJAX脚本框架选型 AJAX是web2.0的基石，通过页面异步刷新实现更好的客户体验。 现在网上流行几种开源的AJAX框架： jQuery, Mootools, Dojo, Ext JS等等 AJAX脚本框架选型 Jquery 设计思想 简洁的思想：几乎所有操作都是以选择DOM元素（有强大的Selector）开始，然后是对其的操作（Chaining等特性）. 优点 a. 体积小，压缩后代码只有20多k（无压缩代码94k）。  b. Selector和DOM操作的方便：jQuery的Selector与mootools的 Element.Selectors.js比较，CSS Selector, XPath Selector c. Chaining：总是返回一个jQuery对象，可以连续操作。  d. 文档的完整，易用性（每个API都有完整的例子，这是其它框架 现在不能比的），而且网上还有很多其它的文档，书籍。  e. 应用的广泛，包括google code也使用了jQuery。 缺点 a. 由于设计思想是追求高效和简洁，没有面向对象的扩展。设计思路 和Mootools不一样。  b. CSS Selector的速度稍微有些慢（但是现在速度已经大幅提高）   AJAX脚本框架选型 2. Mootools  设计思想 面向对象的设计思想。 优点 a. 模块化，各模块代码非常独立，最小的核心只有8k，最大的优点是 可选择使用哪些模块，用的时候只导入使用的模块即可，完整的也 不到180k（没有压缩），压缩后 不到70k。 b. 语法的简洁，直观。 c. 特效（Effects）：这一点比jQuery稍强，现在也正在开发Mootools UI（这应该是Ajax框架开发的一个趋势）。 d. 代码写的优美，易阅读和修改。 e. 文档的完整（最新的1.2beta的文档比以前更详细）。 缺点 a. 修改了低层的一些类：如Array, String等，这也是设计思想的不同。 b. 在DOM和CSS Selector上不如jQuery强大。   AJAX脚本框架选型 3. Dojo 优点 a. 背后强大的支持：IBM、Sun、BEA等，这是非常重要的优势。 b. 功能的强大，Full Stack的框架，扩展了DHTML的能力，例如：  支持与浏览器Back/Forward按钮的集成。 c. Dojo Offline，一个跨平台的离线存储API。 d. Chart组件，可以方便地在浏览器端生成图表。 e. 基于SVG/VML的矢量图形库。 f. Google Maps、Yahoo! Maps组件，方便开发Mashup应用。 g. Comet支持，通过通用的Buyeux协议。 h. 强大的UI（Dijit）。 i. 面向对象的设计，统一的命名空间，包管理机制（The Package System and Custom Builds） 可扩展性。 缺点 a. 复杂，学习曲线陡。 b. 文档的极端不全，这是一个很大的问题。 c. API很多不稳定，各版本间改动较大，现在还不是一个成熟的框架。 d. 侵入性太大，页面中大量使用dojo的属性，例如 buttondojoType= dijit.form.Button“id=helloButton，如果将来dojo升级或者换一个框架时， 负担会很大。 e. 性能问题，由于dojo加载采用了同步的机制，会暂时锁定浏览器，导致CPU使 用率达到100%。另外，很多Widget的速度很慢。    AJAX脚本框架选型 4. Ext JS 设计思想 组件化，推进RIA（Rich Internet Application）的应用。 优点 a. 强大的UI，而且性能不错，这是其最大的优点。 b. 速度快，管是UI还是其它模块。 c. 100%面向对象和组件化的思想，一致的语法，全局的命名空间。 d. 文档的完整，规范，方便。 e. 核心的开发团队，Jack Slocum等。