`

script js jquery / ext / aptana / json / dojo / dwr / yui / ligerui

阅读更多

json

JSON与JAVA数据的转换

http://www.blogjava.net/xcp/archive/2008/10/31/json2.html

http://falchion.iteye.com/blog/187548#comments

问题:

利用jquery获取服务器端返回的json数据时,服务器到页面中不能含有html标记,否则报parserror错误。

 

json 性能优化案例一

王帅 18551661961 / 宋甘林 

促销中心项目应用CPU高,修改JSON 获取数据的方式,应用CPU 略有下降,TPS 仍未达项目组预期值。

 

 

jquery

http://cxlh.iteye.com/blog/245041

压缩版:http://files.cnblogs.com/ztotem/jquery-1.1.2-Compressed.rar

完整版:http://files.cnblogs.com/ztotem/jquery-1.1.2-UnCompressed.rar

http://cxlh.iteye.com/topics/download/fef9aa46-fc3e-3b70-b909-4fe59cfefcb5

 

 

ext

http://elstage.iteye.com/blog/261825

ext api

http://elstage.iteye.com/blog/261986

 

Spket IDE 是目前支持Ext 2.0最为出色的JavaScript IDE,并且提供Eclipse插件。

个人使用下来给五星!!

Eclipse更新地址:http://www.spket.com/update/

 

http://www.vifir.com/plugins/extjs/ext-2.2/examples/samples.html

 

http://yueguc.iteye.com/blog/243044

1. Dojo中国推出免费的extjs视频教程!陈治文主讲(截止到现在.更新到十一讲)

地址:http://www.dojochina.com/index.php?q=node/889


本视频教程针对extjs最新版本(2.2),并同步提供源代码,供大家学习与参考。

教程相应的代码提供下载:http://www.dojochina.com/index.php?q=node/1121  

 

2.开源人的Ext开发视频教程-EasyJF开源团队大峡精心打造 蔡世友主讲 

地址:http://www.vifir.com/video/ #

注:只能看前三讲.

 

3.浪曦的的Ext开发视频教程 丫梨主讲 (一个MM讲的)可惜只提供2讲下载

地址:http://www.verycd.com/topics/277523 (找的电驴上的资源)

 

希望对大家有所帮助.

 


aptana   studio

apanta crack

http://www.blogjava.net/vip01/archive/2008/09/08/227738.html

apanta js setup

http://huzhangsheng.blog.163.com/blog/static/34787784200881241312753/

 

http://huzhangsheng.blog.163.com/

 

http://www.css88.com/

 

http://hi.baidu.com/176038032/blog/item/8692ab59be38702f2834f0b0.html

 

前段时间在鱼的群里,经常碰到很多人问关于wordpress主题制作上的问题...问题主要集中在页面排版,css样式编写,php的简单调试/ 调用...在解决问题/交流的过程中,就发现,很多人对wordpress主题的制作兴趣浓厚,当然,很多人并非本身就是进行程序编写的...所以很大程 度上对于代码编写/调试就有些摸不着头绪...现在推荐一个东西给大家用,是一个ide(集成开发环境),意思就是他可以可视化管理你的 wordpress或者其他项目(明白的人,就不需要多说了),这个ide也是目前我正在使用的,结合上firefox+firebugs扩展,调试 web程序,真的很不赖...

转载请注明出处:http://www.css88.com/

==============================2008年3月28日13:20:12=======================

aptana的汉化方法 :http://www.css88.com/article.asp?id=232

使用入门:http://www.css88.com/article.asp?id=200

 

Aptana:网站地址: http://www.aptana.com

下载地址:http://www.csscnbbs.com/ourup/Aptana.rar

视频教程:http://www.aptana.tv/

Aptana Studio支持中文的方法 :在Windows 菜单 → Preferences → General → Content Types,选择 Text ,在下方指定默认编码为UTF-8,并在File associations下面添加文件类型,如 *.js

如果文档的编码不是UTF-8 就指定成相应的编码。不过还是建议使用 UTF-8 编码。

破解:http://blog.csdn.net/rjzou2006/archive/2008/01/15/2044670.aspx

==============================2008年3月28日13:20:12=======================

aptana studio pro 破解

ClientKey.rar 用下面的文件替换plugins\com.aptana.ide.core_1.1.0.007007.jar(后 面的版本号可能会有所不一样,不用管它,只要找到com.aptana.ide.core_开头就行了),这个文件可以用WINRAR打开.在RAR的 com.aptana.ide.core_1.1.0.007007.jar\com\aptana\ide\core\licensing路径下

==============================2008年3月28日13:20:12=======================

Aptana

aptana是基于eclipse架构扩展出来的...有免费版本(community)和付费版本(pro),呵呵...我没有发现有破解的...我用的免费版本... aptana支持:

phpradrailsadob airapple iphone

下面是pro和community版本的基本区别,我个人认为community基本上就够用了。

aptana-com-pro.jpg

不过,虽然aptana师出eclipse,但是没有eclipse默认自带的cvs,aptana目前只支持svn的插件...此外aptana默认是不安装ruby和php的编辑器的,需要在打开ide之后手动安装:

第一步:选择Aptana Studio的版本
product page 页面上选择你要的版本下载,就选择community吧,下载的时候有zip(直接解压缩就可以用的,也有installer)。

第二步:安装PHP Development Plugin
在aptana的start page(就是安装好后,打开ide后出现的页面)页面上有安装指示,如下图:

如果你没有发现这些,那么就通过菜单里头的"help"->"software updates"->"find and install"

install php

接着就可以进入升级插件界面了:

installphp2.jpg

installphp3.jpg

个人最爱的就是编辑器的code assist,呵呵,懒人的作风...

下面是aptana的php文件编辑器和code assist...

aptana的css,html,js文件编辑器和code assist :

codeassistcss.jpg

codeassisthtml.jpg

codeassistjs.jpg

aptana也可以作为eclipse的插件,个人目前由于有j2ee项目,所以不得不使用eclipse加aptana plugin的方式来用,所以很是慢啊,但是单独运行aptana是很快的...需要jdk支持...去搜一个jdk1.6来装一下...再运行 aptana...

javascript

关于javascript入门文章,说的比较透彻:
原文地址:
http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html

引子

编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。

数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。

你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在 的唯一目的,就是要努力改变数据原来的状态。在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势。甚至在某些情况下,数据可以转 变为代码,而代码却又有可能被转变为数据,或许还存在一个类似E=MC2形式的数码转换方程呢。然而,就是在数据和代码间这种即矛盾又统一的运转中,总能 体现出计算机世界的规律,这些规律正是我们编写的程序逻辑。

不过,由于不同程序员有着不同的世界观,这些数据和代码看起来也就不尽相同。于是,不同世界观的程序员们运用各自的方法论,推动着编程世界的进化和发展。

众所周知,当今最流行的编程思想莫过于面向对象编程的思想。为什么面向对象的思想能迅速风靡编程世界呢?因为面向对象的思想首次把数据和代码结合成统一 体,并以一个简单的对象概念呈现给编程者。这一下子就将原来那些杂乱的算法与子程序,以及纠缠不清的复杂数据结构,划分成清晰而有序的对象结构,从而理清 了数据与代码在我们心中那团乱麻般的结。我们又可以有一个更清晰的思维,在另一个思想高度上去探索更加浩瀚的编程世界了。

在五祖弘忍讲授完《对象真经》之后的一天,他对众弟子们说:“经已讲完,想必尔等应该有所感悟,请各自写个偈子来看”。大弟子神秀是被大家公认为悟性最高 的师兄,他的偈子写道:“身是对象树,心如类般明。朝朝勤拂拭,莫让惹尘埃!”。此偈一出,立即引起师兄弟们的轰动,大家都说写得太好了。只有火头僧慧能 看后,轻轻地叹了口气,又随手在墙上写道:“对象本无根,类型亦无形。本来无一物,何处惹尘埃?”。然后摇了摇头,扬长而去。大家看了慧能的偈子都说:“ 写的什么乱七八糟的啊,看不懂”。师父弘忍看了神秀的诗偈也点头称赞,再看慧能的诗偈之后默然摇头。就在当天夜里,弘忍却悄悄把慧能叫到自己的禅房,将珍 藏多年的软件真经传授于他,然后让他趁着月色连夜逃走...

后来,慧能果然不负师父厚望,在南方开创了禅宗另一个广阔的天空。而慧能当年带走的软件真经中就有一本是《JavaScript真经》!

回归简单

要理解JavaScript,你得首先放下对象和类的概念,回到数据和代码的本原。前面说过,编程世界只有数据和代码两种基本元素,而这两种元素又有着纠缠不清的关系。JavaScript就是把数据和代码都简化到最原始的程度。

JavaScript中的数据很简洁的。简单数据只有 undefined, null, boolean, number和string这五种,而复杂数据只有一种,即object。这就好比中国古典的朴素唯物思想,把世界最基本的元素归为金木水火土,其他复杂 的物质都是由这五种基本元素组成。

JavaScript中的代码只体现为一种形式,就是function。

注意:以上单词都是小写的,不要和Number, String, Object, Function等JavaScript内置函数混淆了。要知道,JavaScript语言是区分大小写的呀!

任何一个JavaScript的标识、常量、变量和参数都只是unfined, null, bool, number, string, object 和 function类型中的一种,也就typeof返回值表明的类型。除此之外没有其他类型了。

先说说简单数据类型吧。

undefined: 代表一切未知的事物,啥都没有,无法想象,代码也就更无法去处理了。
注意:typeof(undefined) 返回也是 undefined。
可以将undefined赋值给任何变量或属性,但并不意味了清除了该变量,反而会因此多了一个属性。

null: 有那么一个概念,但没有东西。无中似有,有中还无。虽难以想象,但已经可以用代码来处理了。
注意:typeof(null)返回object,但null并非object,具有null值的变量也并非object。

boolean: 是就是,非就非,没有疑义。对就对,错就错,绝对明确。既能被代码处理,也可以控制代码的流程。

number: 线性的事物,大小和次序分明,多而不乱。便于代码进行批量处理,也控制代码的迭代和循环等。
注意:typeof(NaN)和typeof(Infinity)都返回number 。
NaN参与任何数值计算的结构都是NaN,而且 NaN != NaN 。
Infinity / Infinity = NaN 。

string: 面向人类的理性事物,而不是机器信号。人机信息沟通,代码据此理解人的意图等等,都靠它了。

简单类型都不是对象,JavaScript没有将对象化的能力赋予这些简单类型。直接被赋予简单类型常量值的标识符、变量和参数都不是一个对象。

所谓“对象化”,就是可以将数据和代码组织成复杂结构的能力。JavaScript中只有object类型和function类型提供了对象化的能力。

没有类

object就是对象的类型。在JavaScript中不管多么复杂的数据和代码,都可以组织成object形式的对象。

但JavaScript却没有 “类”的概念!

对于许多面向对象的程序员来说,这恐怕是JavaScript中最难以理解的地方。是啊,几乎任何讲面向对象的书中,第一个要讲的就是“类”的概念,这可 是面向对象的支柱。这突然没有了“类”,我们就象一下子没了精神支柱,感到六神无主。看来,要放下对象和类,达到“对象本无根,类型亦无形”的境界确实是 件不容易的事情啊。

这样,我们先来看一段JavaScript程序:
  1. var life = {};  
  2.    for (life.age =  1 ; life.age <=  3 ; life.age++)  
  3.    {  
  4.        switch (life.age)  
  5.        {  
  6.            case   1 : life.body =  "卵细胞" ;  
  7.                    life.say = function(){alert(this .age+ this .body)};  
  8.                    break ;  
  9.            case   2 : life.tail =  "尾巴" ;  
  10.                    life.gill = "腮" ;  
  11.                    life.body = "蝌蚪" ;  
  12.                    life.say = function(){alert(this .age+ this .body+ "-" + this .tail+ "," + this .gill)};  
  13.                    break ;  
  14.            case   3 : delete life.tail;  
  15.                    delete life.gill;  
  16.                    life.legs = "四条腿" ;  
  17.                    life.lung = "肺" ;  
  18.                    life.body = "青蛙" ;  
  19.                    life.say = function(){alert(this .age+ this .body+ "-" + this .legs+ "," + this .lung)};  
  20.                    break ;  
  21.        };  
  22.        life.say();  
  23.    };  
Java代码 复制代码
  1. var life = {};  
  2.    for (life.age =  1 ; life.age <=  3 ; life.age++)  
  3.    {  
  4.        switch (life.age)  
  5.        {  
  6.            case   1 : life.body =  "卵细胞" ;  
  7.                    life.say = function(){alert(this .age+ this .body)};  
  8.                    break ;  
  9.            case   2 : life.tail =  "尾巴" ;  
  10.                    life.gill = "腮" ;  
  11.                    life.body = "蝌蚪" ;  
  12.                    life.say = function(){alert(this .age+ this .body+ "-" + this .tail+ "," + this .gill)};  
  13.                    break ;  
  14.            case   3 : delete life.tail;  
  15.                    delete life.gill;  
  16.                    life.legs = "四条腿" ;  
  17.                    life.lung = "肺" ;  
  18.                    life.body = "青蛙" ;  
  19.                    life.say = function(){alert(this .age+ this .body+ "-" + this .legs+ "," + this .lung)};  
  20.                    break ;  
  21.        };  
  22.        life.say();  
  23.    };  
 var life = {};
    for(life.age = 1; life.age <= 3; life.age++)
    {
        switch(life.age)
        {
            case 1: life.body = "卵细胞";
                    life.say = function(){alert(this.age+this.body)};
                    break;
            case 2: life.tail = "尾巴";
                    life.gill = "腮";
                    life.body = "蝌蚪";
                    life.say = function(){alert(this.age+this.body+"-"+this.tail+","+this.gill)};
                    break;
            case 3: delete life.tail;
                    delete life.gill;
                    life.legs = "四条腿";
                    life.lung = "肺";
                    life.body = "青蛙";
                    life.say = function(){alert(this.age+this.body+"-"+this.legs+","+this.lung)};
                    break;
        };
        life.say();
    };


这段JavaScript程序一开始产生了一个生命对象life,life诞生时只是一个光溜溜的对象,没有任何属性和方法。在第一次生命过程中,它有了 一个身体属性body,并有了一个say方法,看起来是一个“卵细胞”。在第二次生命过程中,它又长出了“尾巴”和“腮”,有了tail和gill属性, 显然它是一个“蝌蚪”。在第三次生命过程中,它的tail和gill属性消失了,但又长出了“四条腿”和“肺”,有了legs和lung属性,从而最终变 成了“青蛙”。如果,你的想像力丰富的话,或许还能让它变成英俊的“王子”,娶个美丽的“公主”什么的。不过,在看完这段程序之后,请你思考一个问题:

我们一定需要类吗?

还记得儿时那个“小蝌蚪找妈妈”的童话吗?也许就在昨天晚,你的孩子刚好是在这个美丽的童话中进入梦乡的吧。可爱的小蝌蚪也就是在其自身类型不断演化过程 中,逐渐变成了和妈妈一样的“类”,从而找到了自己的妈妈。这个童话故事中蕴含的编程哲理就是:对象的“类”是从无到有,又不断演化,最终又消失于无形之 中的...

“类”,的确可以帮助我们理解复杂的现实世界,这纷乱的现实世界也的确需要进行分类。但如果我们的思想被“类”束缚住了,“类”也就变成了“累”。想象一 下,如果一个生命对象开始的时就被规定了固定的“类”,那么它还能演化吗?蝌蚪还能变成青蛙吗?还可以给孩子们讲小蝌蚪找妈妈的故事吗?

所以,JavaScript中没有“类”,类已化于无形,与对象融为一体。正是由于放下了“类”这个概念,JavaScript的对象才有了其他编程语言所没有的活力。

如果,此时你的内心深处开始有所感悟,那么你已经逐渐开始理解JavaScript的禅机了。

函数的魔力

接下来,我们再讨论一下JavaScript函数的魔力吧。

JavaScript的代码就只有function一种形式,function就是函数的类型。也许其他编程语言还有procedure或 method等代码概念,但在JavaScript里只有function一种形式。当我们写下一个函数的时候,只不过是建立了一个function类型 的实体而已。请看下面的程序:
  1. function myfunc()  
  2.  {  
  3.      alert("hello" );  
  4.  };  
  5.    
  6.  alert(typeof(myfunc));  
Java代码 复制代码
  1. function myfunc()  
  2.  {  
  3.      alert("hello" );  
  4.  };  
  5.    
  6.  alert(typeof(myfunc));  
   function myfunc()
    {
        alert("hello");
    };
    
    alert(typeof(myfunc));


这个代码运行之后可以看到typeof(myfunc)返回的是function。以上的函数写法我们称之为“定义式”的,如果我们将其改写成下面的“变量式”的,就更容易理解了:
  1. var myfunc = function ()  
  2.     {  
  3.         alert("hello" );  
  4.     };  
  5.   
  6. alert(typeof(myfunc));  
Java代码 复制代码
  1. var myfunc = function ()  
  2.     {  
  3.         alert("hello" );  
  4.     };  
  5.   
  6. alert(typeof(myfunc));  
    var myfunc = function ()
        {
            alert("hello");
        };
    
    alert(typeof(myfunc));


这里明确定义了一个变量myfunc,它的初始值被赋予了一个function的实体。因此,typeof(myfunc)返回的也是function。 其实,这两种函数的写法是等价的,除了一点细微差别,其内部实现完全相同。也就是说,我们写的这些JavaScript函数只是一个命了名的变量而已,其 变量类型即为function,变量的值就是我们编写的函数代码体。

聪明的你或许立即会进一步的追问:既然函数只是变量,那么变量就可以被随意赋值并用到任意地方啰?

我们来看看下面的代码:
  1. var myfunc = function ()  
  2.       {  
  3.           alert("hello" );  
  4.       };  
  5.   myfunc(); //第一次调用myfunc,输出hello   
  6.     
  7.   myfunc = function ()  
  8.       {  
  9.           alert("yeah" );  
  10.       };      
  11.   myfunc(); //第二次调用myfunc,将输出yeah   
Java代码 复制代码
  1. var myfunc = function ()  
  2.       {  
  3.           alert("hello" );  
  4.       };  
  5.   myfunc(); //第一次调用myfunc,输出hello   
  6.     
  7.   myfunc = function ()  
  8.       {  
  9.           alert("yeah" );  
  10.       };      
  11.   myfunc(); //第二次调用myfunc,将输出yeah   
  var myfunc = function ()
        {
            alert("hello");
        };
    myfunc(); //第一次调用myfunc,输出hello
    
    myfunc = function ()
        {
            alert("yeah");
        };    
    myfunc(); //第二次调用myfunc,将输出yeah


这个程序运行的结果告诉我们:答案是肯定的!在第一次调用函数之后,函数变量又被赋予了新的函数代码体,使得第二次调用该函数时,出现了不同的输出。

好了,我们又来把上面的代码改成第一种定义式的函数形式:
  1. function myfunc ()  
  2.   {  
  3.       alert("hello" );  
  4.   };  
  5.   myfunc(); //这里调用myfunc,输出yeah而不是hello   
  6.     
  7.   function myfunc ()  
  8.   {  
  9.       alert("yeah" );  
  10.   };      
  11.   myfunc(); //这里调用myfunc,当然输出yeah   
Java代码 复制代码
  1. function myfunc ()  
  2.   {  
  3.       alert("hello" );  
  4.   };  
  5.   myfunc(); //这里调用myfunc,输出yeah而不是hello   
  6.     
  7.   function myfunc ()  
  8.   {  
  9.       alert("yeah" );  
  10.   };      
  11.   myfunc(); //这里调用myfunc,当然输出yeah   
  function myfunc ()
    {
        alert("hello");
    };
    myfunc(); //这里调用myfunc,输出yeah而不是hello
    
    function myfunc ()
    {
        alert("yeah");
    };    
    myfunc(); //这里调用myfunc,当然输出yeah


按理说,两个签名完全相同的函数,在其他编程语言中应该是非法的。但在JavaScript中,这没错。不过,程序运行之后却发现一个奇怪的现象:两次调用都只是最后那个函数里输出的值!显然第一个函数没有起到任何作用。这又是为什么呢?

原来,JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且,在同一段程序的分析执行中,定义式的函数语句会被提 取出来优先执行。函数定义执行完之后,才会按顺序执行其他语句代码。也就是说,在第一次调用myfunc之前,第一个函数语句定义的代码逻辑,已被第二个 函数定义语句覆盖了。所以,两次都调用都是执行最后一个函数逻辑了。

如果把这个JavaScript代码分成两段,例如将它们写在一个html中,并用<script/>标签将其分成这样的两块:
  1. <script>  
  2.     function myfunc ()  
  3.     {  
  4.         alert("hello" );  
  5.     };  
  6.     myfunc(); //这里调用myfunc,输出hello   
  7. </script>  
  8.   
  9. <script>  
  10.     function myfunc ()  
  11.     {  
  12.         alert("yeah" );  
  13.     };      
  14.     myfunc(); //这里调用myfunc,输出yeah   
  15. </script>  
Java代码 复制代码
  1. <script>  
  2.     function myfunc ()  
  3.     {  
  4.         alert("hello" );  
  5.     };  
  6.     myfunc(); //这里调用myfunc,输出hello   
  7. </script>  
  8.   
  9. <script>  
  10.     function myfunc ()  
  11.     {  
  12.         alert("yeah" );  
  13.     };      
  14.     myfunc(); //这里调用myfunc,输出yeah   
  15. </script>  
<script>
    function myfunc ()
    {
        alert("hello");
    };
    myfunc(); //这里调用myfunc,输出hello
</script>

<script>
    function myfunc ()
    {
        alert("yeah");
    };    
    myfunc(); //这里调用myfunc,输出yeah
</script>


这时,输出才是各自按顺序来的,也证明了JavaScript的确是一段段地执行的。

一段代码中的定义式函数语句会优先执行,这似乎有点象静态语言的编译概念。所以,这一特征也被有些人称为:JavaScript的“预编译”。

大多数情况下,我们也没有必要去纠缠这些细节问题。只要你记住一点:JavaScript里的代码也是一种数据,同样可以被任意赋值和修改的,而它的值就是代码的逻辑。只是,与一般数据不同的是,函数是可以被调用执行的。

不过,如果JavaScript函数仅仅只有这点道行的话,这与C++的函数指针,DELPHI的方法指针,C#的委托相比,又有啥稀奇嘛!然 而,JavaScript函数的神奇之处还体现在另外两个方面:一是函数function类型本身也具有对象化的能力,二是函数function与对象 object超然的结合能力。

奇妙的对象

先来说说函数的对象化能力。

任何一个函数都可以为其动态地添加或去除属性,这些属性可以是简单类型,可以是对象,也可以是其他函数。也就是说,函数具有对象的全部特征,你完全可以把 函数当对象来用。其实,函数就是对象,只不过比一般的对象多了一个括号“()”操作符,这个操作符用来执行函数的逻辑。即,函数本身还可以被调用,一般对 象却不可以被调用,除此之外完全相同。请看下面的代码:
  1. function Sing()  
  2.     {  
  3.         with(arguments.callee)  
  4.           alert(author + ":"  + poem);  
  5.     };  
  6.     Sing.author = "李白" ;  
  7.     Sing.poem = "汉家秦地月,流影照明妃。一上玉关道,天涯去不归" ;  
  8.     Sing();  
  9.     Sing.author = "李战" ;  
  10.     Sing.poem = "日出汉家天,月落阴山前。女儿琵琶怨,已唱三千年" ;  
  11.     Sing();  
Java代码 复制代码
  1. function Sing()  
  2.     {  
  3.         with(arguments.callee)  
  4.           alert(author + ":"  + poem);  
  5.     };  
  6.     Sing.author = "李白" ;  
  7.     Sing.poem = "汉家秦地月,流影照明妃。一上玉关道,天涯去不归" ;  
  8.     Sing();  
  9.     Sing.author = "李战" ;  
  10.     Sing.poem = "日出汉家天,月落阴山前。女儿琵琶怨,已唱三千年" ;  
  11.     Sing();  
function Sing()
    {
        with(arguments.callee)
          alert(author + ":" + poem);
    };
    Sing.author = "李白";
    Sing.poem = "汉家秦地月,流影照明妃。一上玉关道,天涯去不归";
    Sing();
    Sing.author = "李战";
    Sing.poem = "日出汉家天,月落阴山前。女儿琵琶怨,已唱三千年";
    Sing();


在这段代码中,Sing函数被定义后,又给Sing函数动态地增加了author和poem属性。将author和poem属性设为不同的作者和诗句,在 调用Sing()时就能显示出不同的结果。这个示例用一种诗情画意的方式,让我们理解了JavaScript函数就是对象的本质,也感受到了 JavaScript语言的优美。

好了,以上的讲述,我们应该算理解了function类型的东西都是和object类型一样的东西,这种东西被我们称为“对象”。我们的确可以这样去看待这些“对象”,因为它们既有“属性”也有“方法”嘛。但下面的代码又会让我们产生新的疑惑:
  1. var anObject = {};   //一个对象   
  2.   anObject.aProperty = "Property of object" ;   //对象的一个属性   
  3.   anObject.aMethod = function(){alert("Method of object" )};  //对象的一个方法   
  4.   //主要看下面:   
  5.   alert(anObject["aProperty" ]);    //可以将对象当数组以属性名作为下标来访问属性   
  6.   anObject["aMethod" ]();           //可以将对象当数组以方法名作为下标来调用方法   
  7.   for ( var s in anObject)            //遍历对象的所有属性和方法进行迭代化处理   
  8.       alert(s + " is a "  + typeof(anObject[s]));  
  9.   
  10.   同样对于function类型的对象也是一样:  
  11.   var aFunction = function() {};  //一个函数   
  12.   aFunction.aProperty = "Property of function" ;   //函数的一个属性   
  13.   aFunction.aMethod = function(){alert("Method of function" )};  //函数的一个方法   
  14.   //主要看下面:   
  15.   alert(aFunction["aProperty" ]);    //可以将函数当数组以属性名作为下标来访问属性   
  16.   aFunction["aMethod" ]();           //可以将函数当数组以方法名作为下标来调用方法   
  17.   for ( var s in aFunction)            //遍历函数的所有属性和方法进行迭代化处理   
  18.       alert(s + " is a "  + typeof(aFunction[s]));  
Java代码 复制代码
  1. var anObject = {};   //一个对象   
  2.   anObject.aProperty = "Property of object" ;   //对象的一个属性   
  3.   anObject.aMethod = function(){alert("Method of object" )};  //对象的一个方法   
  4.   //主要看下面:   
  5.   alert(anObject["aProperty" ]);    //可以将对象当数组以属性名作为下标来访问属性   
  6.   anObject["aMethod" ]();           //可以将对象当数组以方法名作为下标来调用方法   
  7.   for ( var s in anObject)            //遍历对象的所有属性和方法进行迭代化处理   
  8.       alert(s + " is a "  + typeof(anObject[s]));  
  9.   
  10.   同样对于function类型的对象也是一样:  
  11.   var aFunction = function() {};  //一个函数   
  12.   aFunction.aProperty = "Property of function" ;   //函数的一个属性   
  13.   aFunction.aMethod = function(){alert("Method of function" )};  //函数的一个方法   
  14.   //主要看下面:   
  15.   alert(aFunction["aProperty" ]);    //可以将函数当数组以属性名作为下标来访问属性   
  16.   aFunction["aMethod" ]();           //可以将函数当数组以方法名作为下标来调用方法   
  17.   for ( var s in aFunction)            //遍历函数的所有属性和方法进行迭代化处理   
  18.       alert(s + " is a "  + typeof(aFunction[s]));  
  var anObject = {};  //一个对象
    anObject.aProperty = "Property of object";  //对象的一个属性
    anObject.aMethod = function(){alert("Method of object")}; //对象的一个方法
    //主要看下面:
    alert(anObject["aProperty"]);   //可以将对象当数组以属性名作为下标来访问属性
    anObject["aMethod"]();          //可以将对象当数组以方法名作为下标来调用方法
    for( var s in anObject)           //遍历对象的所有属性和方法进行迭代化处理
        alert(s + " is a " + typeof(anObject[s]));

    同样对于function类型的对象也是一样:
    var aFunction = function() {};  //一个函数
    aFunction.aProperty = "Property of function";  //函数的一个属性
    aFunction.aMethod = function(){alert("Method of function")}; //函数的一个方法
    //主要看下面:
    alert(aFunction["aProperty"]);   //可以将函数当数组以属性名作为下标来访问属性
    aFunction["aMethod"]();          //可以将函数当数组以方法名作为下标来调用方法
    for( var s in aFunction)           //遍历函数的所有属性和方法进行迭代化处理
        alert(s + " is a " + typeof(aFunction[s]));


是的,对象和函数可以象数组一样,用属性名或方法名作为下标来访问并处理。那么,它到底应该算是数组呢,还是算对象?

我们知道,数组应该算是线性数据结构,线性数据结构一般有一定的规律,适合进行统一的批量迭代操作等,有点像波。而对象是离散数据结构,适合描述分散的和个性化的东西,有点像粒子。因此,我们也可以这样问:JavaScript里的对象到底是波还是粒子?

如果存在对象量子论,那么答案一定是:波粒二象性!

因此,JavaScript里的函数和对象既有对象的特征也有数组的特征。这里的数组被称为“字典”,一种可以任意伸缩的名称值对儿的集合。其实, object和function的内部实现就是一个字典结构,但这种字典结构却通过严谨而精巧的语法表现出了丰富的外观。正如量子力学在一些地方用粒子来 解释和处理问题,而在另一些地方却用波来解释和处理问题。你也可以在需要的时候,自由选择用对象还是数组来解释和处理问题。只要善于把握 JavaScript的这些奇妙特性,就可以编写出很多简洁而强大的代码来。

放下对象

我们再来看看function与object的超然结合吧。

在面向对象的编程世界里,数据与代码的有机结合就构成了对象的概念。自从有了对象,编程世界就被划分成两部分,一个是对象内的世界,一个是对象外的世界。 对象天生具有自私的一面,外面的世界未经允许是不可访问对象内部的。对象也有大方的一面,它对外提供属性和方法,也为他人服务。不过,在这里我们要谈到一 个有趣的问题,就是“对象的自我意识”。

什么?没听错吧?对象有自我意识?

可能对许多程序员来说,这的确是第一次听说。不过,请君看看C++、C#和Java的this,DELPHI的self,还有VB的me,或许你会恍然大悟!当然,也可能只是说句“不过如此”而已。

然而,就在对象将世界划分为内外两部分的同时,对象的“自我”也就随之产生。“自我意识”是生命的最基本特征!
 
yahoo yui

YUI Library

The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

YUI is provenscalablefast, and robust. Built by frontend engineers at Yahoo! and contributors from around the world, it's an industrial-strength JavaScript library for professionals who love JavaScript.

 
end
分享到:
评论

相关推荐

    Aptana 非常不错的Javascript 编辑开发工具

    *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI,Ext。 *Adobe AIR与iPhone开发工具 其主页上还提供如何使用该开发工具的视频。 Aptana 下载...

    Aptana IDE : Javascript专用编辑器(Eclipse界面 )

    由于文件太大 我只留下一个链接吧 使用迅雷进行下载 ...编写Javascript和Ajax 十分的方便 能做把沙发 不错 接着! http://www.web20.com/downloads/current/Windows/VM/Aptana_IDE_Setup.exe

    Aptana_Studio_Setup_2.0.5

    如今Aptana Studio 1.0支持如下几大方面的开发功能: ● 1、AJAX开发环境 ● × HTML/JavaScript/CSS编辑器 ● × prototype/dojo等常见AJAX类库集成和提示 ● × JSON编辑器 ● 2、Adobe AIR开发环境 ● 3、Apple ...

    aptana_studio_3_Setup_ch简体中文.part4

    js/html/css开发利器,aptana studio 3.4.2中文版,共4包,这是最后一包了

    Aptana Studio 3添加JQuery代码提示

    Aptana Studio 3添加JQuery代码提示

    hbuilder aptana hph插件

    一个hbuilder的php断电调试插件 需要配合xdebug一起使用

    Aptana2.0.5 EclipsePlugin part3

    Aptana  Aptana是一个非常强大,开源,... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。  其主页上还提供如何使用该开发工具的视频。

    aptana 2.0 jquery plugin

    aptana jquery plugin js javascript

    Aptana_Studio_3_Setup_3.0.2

    Aptana_Studio_3_Setup_3.0.2.exe Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

    Aptana IDE 下载(官网版本)

    如今Aptana Studio 1.0支持如下几大方面的开发功能:1、AJAX开发环境 HTML/JavaScript/CSS编辑器 prototype/dojo等常见AJAX类库集成和提示 JSON编辑器 2、Adobe AIR开发环境 3、Apple iPhone开发环境 4、Ruby on ...

    aptana studio 3提示jquery

    使用方法:将文件解压,将jquery.1.6.2.sdocml,jquery-1.9.0.js和文件放入aptana的项目中,任何文件夹都可以。然后该项目就可以提示jquery了

    Aptana RadRails

    Aptana RadRails,作为一款Eclipse的插件,主要的作用就是JavaScript的调试和智能提示,就想你跟踪Java bug那样方便,有助于提升javaweb的开发效率

    支持流行AJAX框架的javaScript

    Aptana是一个非常强大,开源,专注于JavaScript的Ajax开发IDE它的特性包括 1、JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能 ... 7、支持流行AJAX框架的 Code Assist功能:JQuery ext js dwr

    Aptana2.0.5 eclipsePlugin part2

    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

    MyEclipse 插件 Aptana 压缩卷2

    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

    MyEclipse 插件 Aptana 压缩卷1

    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

    MyEclipse 插件 Aptana 压缩卷3

    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

    Aptana 2.0 plugin 2/2

    Aptana 2.0 plugin 2/2 aptana最新版

    aptana studio 3 添加jquery 提示功能

    aptana 中的jquery提示信息, 将该文件放在 aptana创建的web工程中, 就可以提示了

    Aptana2.0.5 eclipsePlugin part1

    下载后解压,plugin文件夹名字错误,请改为plugins Aptana是一个非常强大,开源,JavaScript-... *支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。

Global site tag (gtag.js) - Google Analytics