??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲女人天堂在线,国产精品99免视看9,精品一区中文字幕http://www.aygfsteel.com/J2EEHOME/category/39555.htmlOne Target,One Dreamzh-cnWed, 13 May 2009 10:25:11 GMTWed, 13 May 2009 10:25:11 GMT60几种行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对?/title><link>http://www.aygfsteel.com/J2EEHOME/archive/2009/05/13/270460.html</link><dc:creator>J2EE Home工作?/dc:creator><author>J2EE Home工作?/author><pubDate>Wed, 13 May 2009 09:59:00 GMT</pubDate><guid>http://www.aygfsteel.com/J2EEHOME/archive/2009/05/13/270460.html</guid><wfw:comment>http://www.aygfsteel.com/J2EEHOME/comments/270460.html</wfw:comment><comments>http://www.aygfsteel.com/J2EEHOME/archive/2009/05/13/270460.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/J2EEHOME/comments/commentRss/270460.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/J2EEHOME/services/trackbacks/270460.html</trackback:ping><description><![CDATA[<div style="text-align: center"><font size="4"><span style="font-weight: bold">几种行?a onclick="javascript:tagshow(event, 'AJAX');" href="javascript:;" target="_self"><u><strong>AJAX</strong></u></a>框架<a onclick="javascript:tagshow(event, 'jQuery');" href="javascript:;" target="_self"><u><strong>jQuery</strong></u></a>,Mootools,Dojo,Ext JS的对?/span><br /> </font></div> <div style="text-align: center"><br /> Q-摘录<br /> </div> <br /> Q说明]我在|上许多地方遇到q这文章,都没有明标记出作者,感到奇怪?Q如果您是这文章的作者,那么十分抱歉Q恕我直接到文章摘录于此。因文章对我实在太h参考hg。原文如下:<br /> <br /> <div class="wmqeeuq" id="blog_text" class="cnt"> <p><strong>AJAX</strong>?strong>web20</strong>的基矻I现在|上行几种<a onclick="javascript:tagshow(event, '%BF%AA%D4%B4');" href="javascript:;" target="_self"><u><strong>开?/strong></u></a>的AJAX框架Q比如:jQuery,Mootools,Dojo,Ext JS{等Q那么我们到底在什么情况下该用那个框Ӟ以下是一l摘抄的数据Q?/p> <p>Ajaxian?007q底对Ajax工具q行了调查,部分调查l果见下表(其中数字查者用该工具的百分比Q详l的请参见网)Q?a ><font color="#135cae">http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results</font></a></p> <table style="border-bottom: medium none; border-left: medium none; width: 403.75pt; border-collapse: collapse; border-top: medium none; border-right: medium none" border="1" cellspacing="0" cellpadding="0" width="538"> <tbody> <tr> <td style="border-bottom: black 0.5pt solid; border-left: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 51.7pt; padding-right: 5.4pt; border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="69"><span><font size="3"><font color="#000000"><font face="Times New Roman">Prototype</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 45.1pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="60"><span><font size="3"><font color="#000000"><font face="Times New Roman">jQuery</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 29.2pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="39"><span><font size="3"><font color="#000000"><font face="Times New Roman"><a onclick="javascript:tagshow(event, 'Ext');" href="javascript:;" target="_self"><u><strong>Ext</strong></u></a></font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 73.25pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="98"><span><font size="3"><font color="#000000"><font face="Times New Roman">Script.aculo.us</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 54.25pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="72"><span><font size="3"><font color="#000000"><font face="Times New Roman"><a onclick="javascript:tagshow(event, 'Mootools');" href="javascript:;" target="_self"><u><strong>Mootools</strong></u></a></font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 29.5pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="39"><span><font size="3"><font color="#000000"><font face="Times New Roman">YUI</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 35.9pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="48"><span><font size="3"><font color="#000000"><font face="Times New Roman">JSON</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 33.8pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="45"><span><font size="3"><font color="#000000"><font face="Times New Roman"><a onclick="javascript:tagshow(event, 'Dojo');" href="javascript:;" target="_self"><u><strong>Dojo</strong></u></a></font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 51.05pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-top: black 0.5pt solid; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="68"><span><font size="3"><font color="#000000"><font face="Times New Roman">Backbase</font></font></font></span></td> </tr> <tr> <td style="border-bottom: black 0.5pt solid; border-left: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 51.7pt; padding-right: 5.4pt; border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="69"><span><font size="3"><font color="#000000"><font face="Times New Roman">34.1%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 45.1pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="60"><span><font size="3"><font color="#000000"><font face="Times New Roman">29.3%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 29.2pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="39"><span><font size="3"><font color="#000000"><font face="Times New Roman">22.5%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 73.25pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="98"><span><font size="3"><font color="#000000"><font face="Times New Roman">22.3%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 54.25pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="72"><span><font size="3"><font color="#000000"><font face="Times New Roman">14.3%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 29.5pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="39"><span><font size="3"><font color="#000000"><font face="Times New Roman">13%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 35.9pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="48"><span><font size="3"><font color="#000000"><font face="Times New Roman">12.9%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 33.8pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="45"><span><font size="3"><font color="#000000"><font face="Times New Roman">11.8%</font></font></font></span></td> <td style="border-bottom: black 0.5pt solid; padding-bottom: 0cm; background-color: transparent; border-top-color: rgb(236,233,216); padding-left: 5.4pt; width: 51.05pt; padding-right: 5.4pt; border-left-color: rgb(236,233,216); border-right: black 0.5pt solid; padding-top: 0cm" valign="top" width="68"><span><font size="3"><font color="#000000"><font face="Times New Roman">8.3%</font></font></font></span></td> </tr> </tbody> </table> <p>其中Prototype使用率最高,很大E度上是因ؓ它是最早成熟的框架Q很多以前在目中采用,所以现在一直在?/p> <p><strong>让我们来看看选择AJAX框架的基Q?/strong></p> <p>你的目需求(即你需要哪些特性,例如是否要求做出_的界面、特效或其它功能Q?br /> 是否支持A{的浏览器QIE, Firefox{)?<br /> 文档的质量:是否完善Q包含教E,APIQ代码示例等Q?br /> 框架的可扩展性如何?为框架写插gҎ吗?<br /> 你是否喜Ƣ它的API的风|<br /> 能大多程度上l一你的JavaScript代码的风|<br /> 框架大小Q太大的框架D用户下蝲旉的g长)<br /> 框架是否你改变写HTML的方式(Dojo是q样Q?<br /> 代码执行速度Q性能如何Q?br /> 代码是否为模块化QMootools为高度模块化Q?代码可重用性如何?</p> <h1>1:Jquery</h1> <p> </p> <h1>主页Q?a ><font color="#135cae">http://jquery.com/</font></a></h1> <p><strong><a onclick="javascript:tagshow(event, '%C9%E8%BC%C6');" href="javascript:;" target="_self"><u><strong>设计</strong></u></a>思想<br /> </strong>z的思想Q几乎所有操作都是以选择DOM元素Q有强大的SelectorQ开始,然后是对其的操作QChaining{特性)?/p> <p><strong>优点</strong><br /> ,压羃后代码只?0多kQ无压羃代码94kQ?br /> Selector和DOM操作的方便:jQuery的Selector与mootools的Element.Selectors.js比较QCSS Selector, XPath SelectorQ?.2后已删除Q?br /> ChainingQLq回一个jQuery对象Q可以连l操作?br /> 文档的完_易用性(每个API都有完整的例子,q是其它框架现在不能比的Q,而且|上q有很多其它的文档,书籍?br /> 应用的广泛,包括<a onclick="javascript:tagshow(event, 'google');" href="javascript:;" target="_self"><u><strong>google</strong></u></a> code也用了jQuery?/p> <p><strong>使用jQuery的站点:</strong><a ><strong><font color="#135cae">http://docs.jquery.com/Sites_Using_jQuery</font></strong></a><br /> 核心的开发团队和核心人员QJohn Resig{?br /> z和短的语法Q容易记?br /> 可扩展性:有大量用户开发的插g可供使用Q?a ><font color="#135cae">http://jquery.com/plugins/</font></a>Q?br /> jQuery UIQ?a ><font color="#135cae">http://jquery.com/plugins/</font></a>Q基于jQueryQ但和核心的jQuery是独立的Q,不断发展中?br /> 友好和活跃的C֌Qgoogle groups:<a ><font color="#135cae">http://docs.jquery.com/Discussion</font></a><br /> 事g处理有很多方便的ҎQ如clickQ而不是单一的addEvent之类的?/p> <p><strong>~点</strong><br /> ׃设计思想是追求高效和z,没有面向对象的扩展。设计思\和Mootools不一栗?br /> CSS Selector的速度E微有些慢(但是现在速度已经大幅提高Q?/p> <p> </p> <h2>2:Mootools</h2> <h2><br /> 主页Q?a ><font color="#135cae">http://mootools.net/</font></a></h2> <p><strong>设计思想<br /> </strong>面向对象的设计思想?/p> <p><strong>优点<br /> </strong>模块化,各模块代码非常独立,最的核心只有8kQ最大的优点是可选择使用哪些模块Q用的时候只导入使用的模块即可,完整的也不到180kQ没有压~)Q压~后不到70k?br /> 语法的简z,直观?br /> ҎQEffectsQ:q一ҎjQueryE强Q现在也正在开发Mootools UIQ这应该是Ajax框架开发的一个趋势)?br /> 代码写的优美Q易阅读和修攏V?br /> 文档的完_最新的1.2beta的文档比以前更详l)?br /> z跃的社区:官网(<a ><font color="#135cae">http://forum.mootools.net/</font></a>)Q还有一个IRC?br /> 性能Q见Q?a ><font color="#135cae">http://mootools.net/slickspeed/</font></a></p> <p><strong>~点</strong><br /> 修改了低层的一些类Q如Array, String{,q也是设计思想的不同?br /> 在DOM和CSS Selector上不如jQuery强大?/p> <h2><br /> 3:Dojo</h2> <h2><br /> 主页Q?a ><font color="#135cae">http://dojotoolkit.org/</font></a></h2> <p><strong>优点<br /> </strong>背后强大的支持:IBM、Sun、BEA{,q是非常重要的优ѝ?br /> 功能的强大,Full Stack的框Ӟ扩展了DHTML的能力,例如Q?br /> 支持与浏览器Back/Forward按钮的集成?br /> Dojo OfflineQ一个跨q_的离U存储API?br /> ChartlgQ可以方便地在浏览器端生成图表?br /> ZSVG/VML的矢量图形库?br /> Google Maps、Yahoo! MapslgQ方便开发Mashup应用?br /> Comet支持Q通过通用的Buyeux协议?br /> 强大的UIQDijitQ?br /> 面向对象的设计,l一的命名空_?a onclick="javascript:tagshow(event, '%B9%DC%C0%ED');" href="javascript:;" target="_self"><u><strong>理</strong></u></a>机制QThe Package System and Custom BuildsQ?br /> 可扩展性?/p> <p>~点<br /> 复杂Q?a onclick="javascript:tagshow(event, '%D1%A7%CF%B0');" href="javascript:;" target="_self"><u><strong>学习</strong></u></a>曲线陡?br /> 文档的极端不全,q是一个很大的问题?br /> API很多不稳定,各版本间改动较大Q现在还不是一个成熟的框架?br /> 侵入性太大,面中大量用dojo的属性,例如<button dojoType="dijit.form.Button" id="helloButton">Q如果将来dojo升或者换一个框架时Q负担会很大?br /> 性能问题Q由于dojo加蝲采用了同步的机制Q会暂时锁定览器,DCPU使用率达?00%。另外,很多Widget的速度很慢?/p> <p> </p> <p><strong><font size="5">4:Ext JS</font></strong></p> <p><br /> 主页Q?a ><font color="#135cae">http://extjs.com/</font></a></p> <p><strong>设计思想</strong><br /> lg化,推进RIAQRich Internet ApplicationQ的应用?/p> <p><strong>优点</strong><br /> 强大的UIQ而且性能不错Q这是其最大的优点?br /> 速度快,是UIq是其它模块?br /> 100%面向对象和组件化的思想Q一致的语法Q全局的命名空间?br /> 文档的完_规范Q方ѝ?br /> 核心的开发团队,Jack Slocum{?br /> z跃的社区,q速增加的用户量?br /> 模块化实玎ͼ可扩展性强?br /> 所有的lgQwidgetsQ都可直接用,而无需q行讄Q当Ӟ用户可以选择重新配置Q?/p> <p><strong>~点<br /> </strong>E复杂?br /> 为重量的框Ӟ包含大量UIQ,体积大。如果导入ext-all.jsQ压~后也有q?00k?/p> <p>注意QEXT的商业用:如果只是把extjs包含在自q目中,而且q个目不是卖给用户做二ơ开发的工具,或组件库Q就可以遵守LGPL协议免费使用Q否则要付费?/p> <p><br /> <strong>ȝ</strong><br /> 轻量U选择<br /> 轻量U的选择Q主要是mootools和jqueryQ由于它们的设计思想的不同,jQuery是追求简z和高效QMootools除了q求q些目标以外Q其核心在于面向对象Q所以jQuery适合于快速开发,Mootools适合于稍大型和复杂的目Q其中需要面向对象的支持Q另外,在Ajax的支持上QjQueryE强一些;在Comet的支持上QjQuery有相关的插gQMootools目前没有Q但是Comet的核心在于服务器的支持,览器端的接口很单,开发相关的插g很简单?/p> <p>在面向对象的Javascript. Library中,mootools逐渐战胜了prototypeQ体U大Q面向对象的设计不合理等Q,也包括script.acul.ousQ基于prototypeQ实际上是prototype上的UI库)?/p> <p>面向RIA的框?/p> <p>考虑UJavaScripty库,目前主要是Dojo和ExtJSQ还有YUIQ。Dojo更适合企业应用和品开发的需要,因ؓȝ存储?DataGrid?D?D囑Ş、Chart、Comet{组件对于企业应用来说都是很重要的(当然q些lgq要{一D|间才能稳定下来)。例如,BEAZMashup技术开发的产品中已l用了Dojo?/p> <p>ExtJSQ美观和"易用"Qƈ且够强大。在对UI有比较大的需求时Q是首选?/p> </div> <img src ="http://www.aygfsteel.com/J2EEHOME/aggbug/270460.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/J2EEHOME/" target="_blank">J2EE Home工作?/a> 2009-05-13 17:59 <a href="http://www.aygfsteel.com/J2EEHOME/archive/2009/05/13/270460.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> վ֩ģ壺 <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ϳ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ž</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">е</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ұ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ԫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Դ</a>| <a href="http://" target="_blank">ʡ</a>| <a href="http://" target="_blank">޳</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ԭ</a>| <a href="http://" target="_blank">Դ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">̨</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">佭</a>| <a href="http://" target="_blank">կ</a>| <a href="http://" target="_blank">ʡ</a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">˳</a>| <a href="http://" target="_blank">˳</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>