《常用JS框架比较》.ppt

常用JS框架比较 鲁超伍|Adam / 我的博客 / 评论全球最酷Web2.0网站 /adamlu 我的微博 自我介绍 2005年开始接触互联网开发，曾就职于千橡互动校内网、雅虎中国、淘宝网，专注于前端开发，见证了前端行业在中国的发展，努力成为一个专业的前端工程师。 现负责新浪邮箱的RIA开发，喜欢创新互联网应用服务，对互联网前端开发必威体育精装版技术如HTML5/CSS3和移动互联网开发感兴趣。 什么是框架？ 中文解释：“框架”指一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使开发人员把重点放在任务项目所特有的方面，避免重复开发。 英文解释：Framework/Library/Toolkit 为什么需要框架？ JavaScript 框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码的工具和函数。每一个库都在众多流行的 Web 浏览器的现代版本上进行了可靠的测试，因此，您可以放心地使用这些框架，您的基于 JavaScript 的 RIA 将会在不同浏览器和平台上以类似的方式工作。 这些框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。 常用的Javascript框架 JQuery YUI Prototype Mootools ExtJS MochiKit Dojo Kissy Como 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还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 YUI Yahoo! User Interface (YUI) Library是一组采用DOM scripting，Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。 Yui?工具包利用DOM脚本来简化浏览器内的开发（in-browser?devolvement），使用DHTML和AJAX的特性开发所有的Web程序。 YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。 Prototype prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。 Mootools MooTools 是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体设计也比Prototype.js要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。 ExtJS ExtJS是一个跨浏览器，用于开发RIA（Rich Internet Application）应用的JavaScript框架。提供：高性，可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。 Mochikit MochiKit 是一种有用的高端 JavaScript 库。MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发，另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便，能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的，如果与 MochiKit 和 Ajax 结合在一起，使用 XHTML 包装的微格式尤其方便。 Dojo Dojo 是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax，events，pa