Ajax(Jquery与ExtJs).pptVIP

Ajax以及主流JavaScript类库 重点JQuery与ExtJs Ajax简介 ●Ajax有人翻译成Asynchronous JavaScript And XML（JSON|HTML） ● Ajax中的关键技术 1.JavaScript脚本语言 JavaScript是Ajax中的粘合剂，它使DOM、XHTML、XML 和CSS可以互相协作，并控制他们的行为。 2.XMLHttpRequest对象 借助它可以实现服务端与客户端的异步通讯，实现局部刷 新机制。 3.可扩展标记语言（XML） 在Ajax中它以客户端与服务端通信载体的身份出现。 4.文档对象模型（DOM） 在Ajax中通过JavaScript可以访问文档中的所有结点（对 象）可以将动态获取的数据插入到文档中，实现局部刷新。 5.级联样式表技术（CSS） 在Ajax中CSS担任界面表现的重任（必威体育精装版CSS3） Ajax异步通信 传统服务端与客户端通信 传统服务端客户端通信与Ajax异步通信 几种典型JavaScript类库（框架） ●JQuery ● ExtJs ● The Yahoo! User Interface Library (YUI) ● Prototype | Qooxdoo | Dojo | MoolTools等 框架整体分析 从框架角度分级的话，可以有以下分类：  ●零级，完成base工作，包括扩展原有对象的方法，Ajax通讯部分， 比较精简  ●一级，完成effect工作，包括增加常用效果转换函数，如tween、drag、 maskLayer、fade等的特效  ●二级，完成component工作，包括对话框、列表、树、日历等的组件  ●三级，完成application工作，包括完整的前端平台，允许用户定义能 实现一定功能的模块  一些只做零级，如Prototype.js， 一些做到一级，如jQuery/Mootools； 一些做到了三级，如Dojo和EXT。 JQuery 优点： 1.Jquery强调【write less do more】的思想，本身特别容易上手 代码非常简单，非常贴近原生态的JavaScript，文件也非常小， 后期维护非常容易。(其中链式操作是jquery一个很好的特点， 对于同一个对象上的一组操作可以连写，不需要重复获取对象) 2.强大的选择器，提供Jquery独创的复杂选择器 写法非常简单$(“#ID”) 支持CSS1到CSS3 除了这些还可以通过插件支持更多选择器（比如XPath） 3.出色的DOM操作封装，操作DOM非常简便 4.可靠地事件处理机制 5.完善的Ajax，将所有方法封装在$.ajax一个函数中 6.随时可以交出$别名的控制权， 给其他的JavaScript类库 可以自定义别名或者用Jquery(“”) 7.插件(提供非常多插架) 8.开源 9.完善的开发文档 JQuery 缺点： 1.发展比较晚，是后起之秀，只做到第一层次 但是Jquery一直在努力，也专门出现了Jquery UI包 但是目前为止不是很完善 2.做桌面应用明显能力不足，没有模版功能，库本身 没有处理数据集的能力 JQuery UI Jquery UI包的一些效果： UI官方网站提供了很多常用的UI组件 jquery-ui-1.7.2.custom\index.html 我们可以去UI官方网站下载更多效果 / 更多非官方UI设计 /ajax/50-amazing-jquery-examples-part1.html Jquery插件： 官方提供很多插件，这些插件几乎能够满足开发者的要求，这也是为什么 很多公司都在使用Jquery的原因 / 一些插件的成功应用 /jquery/35-more-useful-jquery-plugins-and-techniques.html /ajax/37-more-shocking-jquery-plugins.html Jquery Grid插件: /jqgrid/jqgrid.html Jquery插件 YUI则带着浓厚的“官方、团队”js库的气息。其严谨的代码组织风格， 以及对web开发思想（指Unobtrusive, Progressive Enhancement等）的融入， 让YUI成为不少开发团队的选择。但YUI 2.x缓慢的更新速度，以及对新思想的 接纳程度，很多时候让人