常用JS框架比较课件.pptx

1、常用JS框架比较什么是框架？中文解释中文解释：“框架”指一套包含工具、函 数库、约定，以及尝试从常用任务中抽象 出可以复用的通用模块，目标是使开发人 员把重点放在任务项目所特有的方面，避 免重复开发。英文解释英文解释：Framework/Library/Toolkit为什么需要框架？JavaScript 框架或库是一组能轻松生成跨浏览器 兼容的 JavaScript 代码的工具和函数。每一个库 都在众多流行的 Web 浏览器的现代版本上进行了 可靠的测试，因此，您可以放心地使用这些框架，您的基于 JavaScript 的 RIA 将会在不同浏览器和 平台上以类似的方式工作。这些框架极大地简化了

2、开发进程，并带来一致，可靠，以及高度交互性的用户界面。常用的Javascript框架JQueryYUIPrototypeMootoolsExtJSMochiKitDojoKissyComo JSJETJavaScriptMVCQooxdooSproutCoreSencha TouchIUI我对框架的分类Javascript库解决浏览器兼容性快速开发Web应用丰富UI效果跨浏览器RIA框架类桌面应用移动网络应用APP框架为移动设备而设计基于HTML5和CSS3JQueryjQuery由John Resig创建，其宗旨是WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的

3、js库(压缩后只有21k)，它兼容 CSS3，还兼容各种浏览器（IE 6.0+,FF 1.5+,Safari 2.0+,Opera 9.0+）。jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种 应用也说得很详细，同时还有许多成熟的插件可 供选择。YUIYahoo!User Interface(YUI)Library是一组采用 DOM scripting，Dhtml和Ajax等技术开发的Web UI控件和工具。中文

4、说过来就是“Yahoo用户界 面库”。Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和 AJAX的特性开发所有的Web程序。YUI控件库为你页面提供一组高交互性性的可视 化元素。这些元素完全在客户端创建维护，不需 要请求服务器进行页面刷新。Prototypeprototype是一个易于使用、面向对象的 JavaScript框架。它封装并简化和扩展一些 在Web开发过程中常用到JavaScript方法与 Ajax交互处理过程。MootoolsMooTools 是一个简洁，模块化，面向对象 的JavaScript框架。它能够帮助你更

5、快，更 简单地编写可扩展和兼容性强的JavaScript 代码。Mootools从Prototype.js中汲取了许 多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体 设计也比Prototype.js要相对完善，功能更 强大，比如增加了动画特效、拖放操作等 等。ExtJSExtJS是一个跨浏览器，用于开发RIA（Rich Internet Application）应用的 JavaScript框架。提供：高性，可定制的 Web UI控件库。良好的设计、丰富的文档 和可扩展的组件模型。MochikitMochiKit 是一种有用的高端 JavaScript

6、库。MochiKit 主要受到 Python 和 Python 标准 库提供的很多便利之处的启发，另外还缓 解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便，能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文 档定制的，如果与 MochiKit 和 Ajax 结合在一起，使用 XHTML 包装的微格式尤其方便。DojoDojo 是一个强大的面向对象JavaScript框 架。主要由三大模块组成：Core、Dijit、DojoX。Core 提 供 Ajax，events，packaging，CSS-

7、based querying，animations，JSON等相关操作API。Dijit是 一个可更换皮肤，基于模板的WEB UI控件 库。DojoX包括一些创新/新颖的代码和控 件：DateGrid，charts，离线应用，跨浏览 器矢量绘图等。KissyKISSY 是一个小巧灵活、简洁实用的 UI 类 库，它希望使用者能愉悦编码、快乐开发。Keep ItSimple&Stupid,Short&Sweet,Slim&Sexy.Como JsComo JS是一款代码简易而功能强大的 Javascript框架，也是作者在工作过程中的 经验总结，实用性强；通过它，能够简化 Javascript代码

8、开发，增强代码重用性，能 够异步按需加载js和css文件，增强page的 加载速度JetJET 适用于 Web Page 和 Web App 的开发微内核设计微内核设计内核可完全分离出来，用于构建自己的框架自由拼装各个模块自由拼装各个模块命名空间、原生对象零污染命名空间、原生对象零污染无缝集成各种无缝集成各种js框架框架与jQuery,YUI,Mootools,Prototype.js 等框架无缝集成与多种局部框架无缝集成，如：Mini,Sizzle,cssQuery,xpath,JSON 等等多版本共存多版本共存如采用的JET版本过旧，旧有的Javascript代码不能与新版本JET兼容，则

9、可以采 用多版本共存的方式保持程序的可延续性分层设计分层设计Javascript核心层，与Javascript解释引擎无关的封装和扩展浏览器端Javascript层，对浏览器中的Javascript引擎部分的封装和扩展JavascriptMVCJavaScriptMVC是一个功能强大的 JavaScript framework.也是一个很棒的 JavaScript测试框架，它同样能提高开发的 速度。JavaScriptMVC应用了模型-视图-控 制器架构模式，把业务逻辑和表示分离，使得代码更加模块化。Qooxdooqooxdoo是一个 Ajax 应用框架使用基于面向对象 JavaScript，

10、它让你可以用JavaScript来开发类似 于VB/Delphi风格的具有Ajax功能的web2.0应用程 序。qooxdoo具有客户端浏览器检测功能，具有 浏览器抽象层，可以无差别的创建跨浏览器的 Web应用程序，它提供方便的调试接口，具有事 件管理、聚焦管理、定时器、边框和对象属性等 特征。它提供一组窗体组件并扩展了布局，它还 提供跨平台的png图形透明支持功能。此外，qooxdoo提供一个原子组件，你可以在其基础上 开发你自己的组件。SproutCoreSproutCore苹果对SproutCore的解释为“开源，平台无关，类Cocoa的JavaScript框架，用于创建 具有桌面应用程

11、序外观和操作感的Web应用程序。”现在有不少Web框架开始使用HTML5中的一些新 特性（如离线存储、HTML5 ApplicationCache等）来构建富本地（rich native-class）应用，而 SproutCore则是其中之一。Sencha TouchSencha Touch可以让你的Web App看起来 像Native App。美丽的用户界面组件和丰富 的数据管理，全部基于最新的HTML5和 CSS3的 WEB标准，全面兼容Android和 Apple iOS设备。Sencha TouchIUIIUI 包含一套 JavaScript 库，CSS 式样表 及图片，是一个轻量级

12、iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的 Web 程序带 来 iPhone 般的体验。IUIJavascript框架使用比例Javascript框架使用比例怎么选择一款Javascript框架你的项目需求框架支持A级浏览器吗是否利于团队协作开发框架是否成熟文档是否健全社区支持是否充足框架的扩展性如何你是否喜欢API的风格代码执行速度性能如何代码是否为模块化代码可重用性如何几个JS框架比较Jquery YUI Prototype Ext-JS Qooxdoover1.4.23.01.6.13.1.11.2DOM unextend

13、edYYNYYData retrieval(XMLHTTP)YYYYYRich Text EditorWith pluginYNYYDrag and dropYYYYYInput formWith pluginYYYYAnimationYYYYYEvent handlingYYYYYAutomation toolsWith pluginYYYYAccessibilityYYYNNmobie/tablet supportWith pluginpartialNYNJqueryYUI DOMPrototypeExt JSMootoolsDojoKissyComoJSJquery与YUI详细比较DEMO如何去写一款框架写一个稳定的API一个命名空间不要扩展原生的对象代码要容易被扩展处理好浏览器兼容性问题写好文档测试你的框架写适合自己的框架分析业务需求如何组织框架实现底层库实现UI库实现扩展机制兼容其它类库总结学习框架，但是不能依赖框架根据项目需求选择/写 适合自己的框架RIA和Mobile框架需要前端工程师更深入去 研究以及学习，我觉得将对以后的云计算 和移动互联网开发有很多帮助