我想网 » Extjs http://www.iwanna.cn Sat, 31 Jul 2010 15:12:14 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Google 排名中的 10 个最著名的 JavaScript 库 http://www.iwanna.cn/archives/2010/01/10/2457/ http://www.iwanna.cn/archives/2010/01/10/2457/#comments Sun, 10 Jan 2010 09:23:53 +0000 seasun http://www.iwanna.cn/?p=2457 JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。

1. jQuery: The Write Less, Do More, JavaScript Library

jQuery: The Write Less, Do More, JavaScript Library

jQuery 是一个很新的 JavaScript 库，它的口号是“几行代码，能干大事”（Write Less, Do More），它是拥有最多插件和扩展的 JavaScript 库，以下是 jQuery 现状：

  • 当前版本： 1.3.2
  • 文件尺寸：压缩后最小19KB，未压缩为120K。
  • 作者： John Resig
  • 拥有19种语言的教程: 教程总计183种。
  • 著名用户： 超过1000个
  • 插件: 3493
  • 易学
  • 对设计师来说非常易学，使用 CSS 语法
  • 拥有大量有趣的扩展
  • 拥有非常出色的社区，可能是最大的
  • 被数以百万的站点使用，包括诸如 Google, Dell, CBS, NBC, DIGG, Bank of America, Wordpress, Drupal, Mozilla 等著名站点。

2. MooTools – a compact javascript framework

MooTools - a compact=

MooTools 是一个使用 MIT 许可的开源项目，意味着你可以在任一场合使用或对它就行修改。

  • 当前版本: 1.2.3
  • 未压缩尺寸: 95 KB (客户端) ，22 KB (服务器端)
  • 作者: Valerio Proietti
  • 著名用户: w3c, cnet, bing, …
  • 官方站上的插件数目: 4
  • 拥有更好的面向对象结构
  • 它的动画效果更平滑
  • 语法及对象句柄更富逻辑

3. Prototype: Easy Ajax and DOM manipulation for dynamic web applications

Prototype - Easy Ajax and DOM manipulation for dynamic web applications

被一些大型媒体公司和组织使用，Protorype 是一个很独特的 JavaScript 库，逐渐成为 Web 引用开发者的代码基础，随着最新的 1.6.1 版本的推出，Protorype 在性能，用户自定义事件以及同现代浏览器兼容方面越来越完善。

  • 最新版本: 1.6.1
  • 未压缩尺寸: 136 KB (大约5000行代码)
  • 作者: Sam Stephenson
  • 著名用户: NASA, CNN, NBC, …
  • 插件数目: 150+
  • 更适用于大型 Web 程序

4. Dojo Toolkit: great experiences for everyone

Dojo - great experiences for everyone

Dojo 的内核小巧，快，精深，可用来创建反应灵敏的 Web 程序，拥有很出色的 UI 工具，在可访问性，本地化方面也做得很好。

  • 最新版本: 1.4 Beta
  • 未压缩尺寸: 26 KB (约5000行代码)
  • 开发组织: Dojo Foundation
  • 著名用户: AOL, IBM, Sun, …
  • 支持客户端数据存储
  • 支持服务器端数据存储
  • 异步通讯

5. script.aculo.us: easy-to-use, cross-browser user interface JavaScript libraries

script.aculo.us - easy-to-use, cross-browser user interface JavaScript libraries

script.aculo.us 是一个开源 JavaScript 库，适用于创建视觉效果和 UI 行为，最新版本拥有一些新功能，如创建加载进程，Windows Media 和 Real Media 播放器检查等。

6. ExtJS: Cross-Browser Rich Internet Application Framework

Ext JS - a cross-browser JavaScript library for building rich internet applications

ExtJS 是一个很出色的跨浏览器 JavaScript 框架，可以用来创建富 Web 应用，支持所有现代浏览器。拥有大量插件和扩展。

7. UIZE: supporting widgets, AJAX, DOM, templates, and more

UIZE - a powerful, open source, object oriented JavaScript framewor

UIZE 的一些现状：

- 一个开源 JavaScript 框架
- 很容易更换 CSS 皮肤
- 大量内置饰件
- 令人目眩的效果和强大的功能

8. YUI Library: is proven, scalable, fast, and robust

YUI is proven, scalable, fast, and robust

YUI 是本列表中规模最宏大的 JavaScript 库，它拥有数不清的强大功能，插件以及扩展，当然要掌握它也需要很长时间。

9. Archetype

Archetype JavaScript Framework

Archetype 现状：

  • 最新版本: 0.10.0 (September 2009)
  • 尺寸: 2.14 MB
  • 作者: Temsa & Swiip
  • 用户: GifTeer, Meteo France, …

10. qooxdoo: the new era of web development

qooxdoo - the new era of web development

qooxdoo 是什么？是一个面向对象 JavaScript 库，包含跨平台开发工具链，顶级 GUI 工具以及高级客户端服务器通讯层，它是一个基于 LGPL/EPL 许可的开源项目：

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

标签：Extjs, JavaScript, JavaScript, JQuery, MooTools, Prototype, YUI

您可能会感兴趣的其他文章

Feed enhanced by Better Feed from Ozh

]]> http://www.iwanna.cn/archives/2010/01/10/2457/feed/ 0 Google AJAX Libraries API http://www.iwanna.cn/archives/2009/05/27/1206/ http://www.iwanna.cn/archives/2009/05/27/1206/#comments Wed, 27 May 2009 09:17:59 +0000 seasun http://www.iwanna.cn/?p=1206

什么是 AJAX 库 API？

AJAX 库 API 是一种内容分布网络，可加载最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 加载程序的 google.load() 方法，您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的 JavaScript 开源库列表，包括：

Google 就每个库的利益直接与关键相关人员配合，并在最新稳定版本发布时接受这些版本。一旦我们托管给定库的版本，我们承诺无限期地托管该版本。

AJAX 库 API 在使用库集合的同时消除了用 JavaScript 开发混搭的不便之处。我们消除了托管库的不便之处、正确地设置缓存标头、与最新错误修正日期保持一致等。

<script src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1");

  // on page load complete, fire off a jQuery json-p query
  // against Google web search
  google.setOnLoadCallback(function() {
    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",

      // on search completion, process the results
      function (data) {
        if (data.responseData.results &&
            data.responseData.results.length > 0) {
          var results = data.responseData.results;

          for (var i=0; i < results.length; i++) {
            // Display each result however you wish
            alert(results[i].titleNoFormatting);
          }
        }

      });
    });
</script>

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

标签：Ajax, Ajax, API, Extjs, JavaScript, JQuery, Library, Prototype, Widget, YUI

您可能会感兴趣的其他文章

Feed enhanced by Better Feed from Ozh

]]> http://www.iwanna.cn/archives/2009/05/27/1206/feed/ 0 jQuery与Extjs的Ajax的跨域访问 http://www.iwanna.cn/archives/2009/05/20/1107/ http://www.iwanna.cn/archives/2009/05/20/1107/#comments Wed, 20 May 2009 04:37:38 +0000 seasun http://www.iwanna.cn/?p=1107 jquery的代码:

Js代码
  1. <script>
  2. $(function() {
  3. //      $.getJSON(“http://10.128.3.104/edi/rest/GetBillCaseInfo?_out=json&_callback=?”, function(json) {
  4. //        alert(json.ROWSET.ROW[0].CaseName);
  5. //      });
  7. $.ajax({
  8. async:false,
  9. //url: ’http://10.128.3.104/edi/rest/GetBillCaseInfo’, //跨域的dns/document!searchJSONResult.action,
  10. url: ‘testjson.do’,
  11. type: “GET”,
  12. dataType: ‘jsonp’,
  13. jsonp: ‘_callback’,
  14. data: ‘_out=json’,
  15. timeout: 5000,
  16. header: { ‘Authorization’: ‘Basic YWRtaW46YWRtaW4xMjM=’},
  17. beforeSend: function(request) {
  18. //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
  19. },
  20. success: function (json) { //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
  21. alert($.toJSON(json));
  22. alert($.toJSON(json.ROWSET.ROW[0]));
  23. },
  24. error: function(request) {
  25. //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
  26. //请求出错处理
  27. alert(“请求出错(请检查相关度网络状况.)”);
  28. }
  29. });
  31. });
  32. </script>

Extjs的代码:

Js代码
  1. ss = new Ext.data.ScriptTagProxy({
  2. //url: ’http://10.128.3.104/edi/rest/GetBillCaseInfo’,
  3. url: ‘testjson.do’,
  4. callbackParam: “_callback”,
  5. headers: { ‘Authorization’: ‘Basic YWRtaW46YWRtaW4xMjM=’}
  6. });
  7. ss.load({‘_out’: ‘json’},
  8. new Ext.data.JsonReader({root:“ROWSET.ROW”},
  9. [{name: 'CaseCode', mapping: 'CaseCode'},
  10. {name: 'CaseName', mapping: 'CaseName'}]),
  11. function(recordsBlock, arg, isok) {
  12. alert(Ext.encode(recordsBlock));
  13. alert(Ext.encode(recordsBlock.records[0].data));
  14. }
  15. );
  17. Ext.Ajax.request({
  18. url: ‘http://10.128.3.104/edi/rest/GetBillCaseInfo’,
  19. //url: ’testjson.do’,
  20. scriptTag: true,
  21. success: function(req) {
  22. alert(req.responseText);
  23. },
  24. failure: function(req) {
  25. alert(req.responseText);
  26. },
  27. headers: { ‘Authorization’: ‘Basic YWRtaW46YWRtaW4xMjM=’},
  28. params: { _out: ‘json’ }
  29. });

注意:无论是jQuery还是Extjs都不能发送自定义HTTP的信息,因为他们都是通过动态生成<scripe>标签的方式来实现跨域的访问!

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

标签：Ajax, Ajax, ExtJS, Extjs, JQuery, JQuery

您可能会感兴趣的其他文章

Feed enhanced by Better Feed from Ozh

]]> http://www.iwanna.cn/archives/2009/05/20/1107/feed/ 0