[转]ajax框架比较

简介: from:http://www.cnblogs.com/lds85930/archive/2008/05/22/1205148.html ajax框架比较 Dojo1.0.2,Ext2.

from:http://www.cnblogs.com/lds85930/archive/2008/05/22/1205148.html

ajax框架比较

Dojo1.0.2Ext2.0.1GWT1.4Prototype 1.5.1JQuery 1.2.3MooTools 1.2


Ajax Framework分类:

  1. javascript底层封装,自由度大,具有基础的Widget组件

Prototype 1.5.1JQuery 1.2.3MooTools 1.2

  1. 面向用户的Widget开发,不需要太多编写

Ext2.0.1

  1. 完整,成熟的整套框架

Dojo1.0.2GWT1.4SmartClient


优缺点分析:

  1. 优点:js文件占用小,开发由开发人员控制,可扩展性大

缺点:需要较长的开发周期,开发人员有相当的经验

  1. 优点:丰富,美观的UI Widget设计,扩展CSS改变风格

缺点:自定义Widget编写

  1. 优点:从底层封装,到UI设计都有不错的实现

缺点:框架过于庞大,掌握时间较长


项目适用性分析:

  1. 过于底层,需要相当的经验及人力 剔除

  2. Ext2.0.1画面可称为Perfact,是所有Ajax Framework中最炫的,常用功能相当齐全,在Widget过多时会出现性能瓶颈问题

Demohttp://www.dojochina.com/book/ext/examples/index.html

    1. SmartClient:原本是商业项目,去年11月开源,丰富的WidgetDemo

Demohttp://www.smartclient.com/#_Welcome

    1. Dojo1.0.2:时间最长久的Ajax框架,从UI Widget到图表,底层到高层一 应俱全

Demohttp://www.dojochina.com/dojo/demos/demoEngine.html

    1. GWT1.4:适用于单一Html,功能全由Ajax实现的应用

e.g. GMail , Google Map

Demohttp://code.google.com/webtoolkit/examples/


  • GWT1.4:若在多页面跳转项目中使用,会产生大量的文件(1html至少产生11个必需文件,不利于后期文件系统管理) 剔除

  • SmartClient:具有丰富的UI设计和成熟的框架体系,但由于过去作为商业应用,于去年11月刚刚开源,在社会上缺乏使用基础,文档除了官方提供外无他 剔除


性能分析:

SlickSpeed 

http://mootools.net/slickspeed/


selectors

Dojo 1.0.2

JQuery 1.2.3

MooTools 1.2beta2

Prototype 1.6.0.2

IE

230

353

795

2615

Firefox

164

255

139

252


http://extjs.com/playpen/slickspeed/#


selectors

Prototype 1.5.1

jQuery 1.1.3.1

MooTools 1.2 dev

ext 1.1rc1

dojo query

IE

1076

440

831

179

403

Firefox

88

291

116

212

233



Ext性能瓶颈问题:

过去放弃Ext是由于Ext在处理大量控件,诸如数据表格阵列时性能堪忧。


测试案例:

     加载数据量     共耗时(秒)   直接调用Action返回XML耗时(秒)

         20                        2                                      <1

          200                      10                                      2

          700                      20                                      8

          1400                    40                                     17


其实所有Ajax Framework对于大量Grid都会出现诸如Ext性能问题,Ext比较突出的原因,我认为是因为它做得太漂亮了,造成了div层迭代过多。

Web设计中放弃table转而使用divcss的架构,原因就在于迭代table对于客户端的运行效率是个噩梦,如果使用过多的div虽然不至于产生table迭代当机的可能,但相当慢是必然的。

目录
相关文章
|
3月前
|
XML JSON 前端开发
ajax框架格式,每个属性的作用是什么
ajax框架格式,每个属性的作用是什么
|
4月前
|
XML JSON 前端开发
ajax框架格式,每个属性的作用是什么
ajax框架格式,每个属性的作用是什么
25 0
|
4月前
|
XML 缓存 JavaScript
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
26 0
|
8月前
|
前端开发 JavaScript Java
SSM框架用Ajax增删改查一个页面(简单易懂)
SSM框架用Ajax增删改查一个页面(简单易懂)
|
10月前
|
XML JSON 前端开发
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
64 0
|
11月前
|
JSON 前端开发 Java
【Java框架型项目从入门到装逼】第六节 - 用ajax请求后台数据
【Java框架型项目从入门到装逼】第六节 - 用ajax请求后台数据
|
JSON JavaScript 前端开发
Spring MVC框架:第十一章:Ajax
Spring MVC框架:第十一章:Ajax
107 0
Spring MVC框架:第十一章:Ajax
|
XML JSON 监控
Flask框架:运用Ajax轮询动态绘图
Ajax是异步JavaScript和XML可用于前后端交互,在之前`《Flask 框架:运用Ajax实现数据交互》`简单实现了前后端交互,本章将通过`Ajax`轮询获取后端的数据,前台使用`echart`绘图库进行图形的生成与展示,后台通过`render_template`方法返回一串JSON数据集,前台收到后将其应用到绘图库上,实现动态监控内存利用率的这个功能。
270 0
Flask框架:运用Ajax轮询动态绘图
|
XML 存储 JSON
学习AJAX必知必会(1)~Ajax介绍、xml介绍、express框架
学习AJAX必知必会(1)~Ajax介绍、xml介绍、express框架
141 0
|
设计模式 JSON 前端开发
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(2)
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)
120 0
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(2)