用户体验设计理念与技术网站 - 探索 · 分享 · 收获     注册账号 忘记密码 QQ一键登录

用户体验设计学院|UED学院

当前位置: 首页 > 脚本技术 > AJaX >

ajax框架与主流框架介绍

时间:2011-03-08 08:29来源:www.ajaxa.cn 作者:丝路野草 阅读:
对于绝大多少初学 ajax 的人来说,最头疼的就是选择哪个 ajax框架 ,目前网络上流行的 ajax框架 有几十种,对于初学者来说实在是个麻烦事,先不要急着选择学习哪一个ajax框架,先看看ajax框架是个什么东西。 随着Ajax盛行,许多网站纷纷采用这项技术,而这股

对于绝大多少初学ajax的人来说,最头疼的就是选择哪个ajax框架,目前网络上流行的ajax框架有几十种,对于初学者来说实在是个麻烦事,先不要急着选择学习哪一个ajax框架,先看看ajax框架是个什么东西。

随着Ajax盛行,许多网站纷纷采用这项技术,而这股时代趋力的背后,各式各样的Ajax框架可说是最大的功臣,让开发人员不用重造轮子,省去从JavaScript底层重新开始构造程式的工作。

不过开发人员也许会疑惑,Ajax不就是JavaScript吗?简单的脚本程式还需要框架?事实上,Ajax框架的确能带来许多好处。

简化JavaScript的使用难度

许多开发人员低估JavaScript的难度。过去JavaScript往往被当作是扰人的小玩意,不是弹跳出视窗,就是跑马灯、动态文字等花俏的应用。然而JavaScript独特的物件观念与灵活的语法,赋予它深入操作文件物件模型(DOM)与操控CSS的强大能力,而能够充分应用浏览器XMLHttpRequest物件,更打下今日Ajax大片江山。

要全盘掌握这些应用,并没有想像中容易,由于实作的方式充满弹性,只要检视各个框架语法,就可发现它们之间的差异性之大。但现存的各种框架致力于简化 JavaScript的应用难度,因此使用Ajax框架,能让开发人员更快专注在开发工作上。

解决烦人的浏览器相容性问题

即使开发人员功力深厚,可以轻松驾驭JavaScript语法,然而一旦遇到琳琅满目的各式浏览器,通常也得败下阵来。

不同浏览器对文件的解析与语法的支援并不一致,在各种作业系统或版本上有时也会表现出不同的行为(例如IE6与IE7的差异),让许多 JavaScript应用程式的瓶颈,都发生在相容性上。

使用Ajax框架的好处之一,便是它已经预先为开发人员解决浏览器相容性问题。

开发流程变得更单纯

开发过非同步传输程式经验的人,就一定能体会撰写过程相当烦琐,必须检查回传状态、指定后端应用程式和回呼程式等细节,而这些流程,Ajax框架通常会予以简化,减少开发人员与细节奋斗的时间。

另外,许多Ajax框架都提供了拖曳元件、动画效果、动态选单等,只需指定方法就能使用,节省不少开发力气。

不过Ajax框架实作的方式各不相同,有些JavaScript语法开发,也有的用。NET或Java实作;除了在用户端执行,也有利用伺服器端来实现的方式。我们特别选出十种Ajax框架,让开发人员了解各项Ajax框架的适用性。

这儿做的并不是一个ajax框架比较,而是一个ajax主流框架的介绍,下面是对各个ajax主流框架的简介:

ExtJS ExtJS(yui-ext)是一组扩展自Yahoo!UI,具有CS风格的Web用户界面组件。主要UI包括:dialog,grid,layout,tabs等。这个绝对是ajax主流框架之一

jquery jQuery是一个快速,简练的的JavaScript工具箱它能够让你以简单的方式来操作HTML元素,处理事件,实现特效并为Web页面添加Ajax交互。jQuery设计用于改变你编写JavaScript的方式。开发工具:Aptana IDE。个人认为,是非常好的ajax主流框架之一,在各个ajax框架比较中都有他的身影,你随表找个什么是ajax的文章,一般都会有对他的介绍。

YUI Yahoo!用户界面库(Yahoo! User Interface Library,YUI)提供一些在开发Web胖客户端时常用到的一些工具和UI控件。工具:拖放(Drag andDrop)操作,连接管理器(XMLHttpRequest),页面特效,浏览器事件(例如鼠标点击和键盘按键)管理。UI控件:自动补全 (AutoComple)、日历(Calendar),容器(Container)类控件包括提示(Tooltip)、面板(Panel)、对话框 (Dialog)等、菜单(Menu)、TabView、TreeView,Logger。淘宝发布过一个编辑器,知道这款编辑器的朋友可能在里面发现这一ajax主流框架的身影。
YUI还包括了在创建简洁,灵活的布局并能够兼容多种浏览器时所需要的CSS资源。开发工具:Aptana IDE

Eclipse RAP Eclipse RAP项目的目的是让开发人员能够利用Eclipse开发模型来构建Rich,Ajax-enabled Web应用程序。主要运用著名的Eclipse平台扩展点插件机制和一个包含SWT/JFace API的widget工具包。

MyGWT 是一个开源的Google Web Toolkit用户界面组件库。它将ExtJs的组件完全用GWT实现。
不过这个项目目前好像已经 停止 ,不再维护,因此不建议使用,理论上他已经不属于ajax主流框架了。

GWT-Ext是一个基于GWT和ExtJs开发的Web界面组件库。组件包括:具有排序、分页和过滤功能的Grid,支持拖放操作的Tree,能够灵活配置的ComboBoxe、Tab Panels、Menus&Toolbars、Dialogs、Forms等等。
据说gwt-ext不开源 好多东西不行 需要自己手写(gwtplugin要收费)

Query UI是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。交互组件包括 drag/dropping、sorting、selecting和resizing等。基于这些核心交互组件构建的UI控件有:accordion、 date picker、dialog、slider、table sorter和tab等。

DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务 端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本 DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作. (责任编辑:uedtech。本文版权归作者所有,转载请注明来自UED学院,并保留原文作者与链接!)

顶一个
(1)
100%
踩一个
(0)
0%
------分隔线----------------------------
推荐内容