亚洲国产aⅴ综合网,国产精品亚洲综合天堂夜夜,亚洲AV无码成人精品区在线观看

chu — Tue, 26 May 2009 06:21:00 GMT

摘要: struts的上传封装的已经非常完美了，首先我们来看一下页�? ... 阅读全文

chu 2009-05-26 14:21 发表评论

Struts 2中的OGNL (�?

chu — Thu, 16 Apr 2009 08:32:00 GMT

摘要: 本�h是一个EL�Q�Expression Language�Q�以下译��辑ּ�语言�Q�的支持者。因为我�?lt;% %>写法极�ؓ反感�Q�忘��C��在那本书上看到的一句话—�?#8220;使用标志�Q�Tag�Q�的一个目的就是避免在JSP��面中出现过多的<%%>的语句，佉K��面与后台代码分离�?#8221; 表达式语�a�主要有以下几大好处：避免(MyType) request.getAtt... 阅读全文

chu 2009-04-16 16:32 发表评论

spring ibatis struts2的基本配�|�和使用(�q�接)

chu — Fri, 03 Apr 2009 12:50:00 GMT

http://blog.csdn.net/peihexian/archive/2008/12/09/3486042.aspx

http://www.wwoon.com/www/15/2008-12/8031.html

http://www.busfly.cn/post/dolphin-struts-spring-javabus.html

http://www.tkk7.com/seeckt/archive/2008/05/12/114809.html

chu 2009-04-03 20:50 发表评论

�l�Spring初学者的学习��(�?

chu — Fri, 13 Mar 2009 03:57:00 GMT

原文��Q�http://www.360doc.com/content/050912/19/1330_12098.html

最�q�有人问我学�?/span>Spring�?nobr oncontextmenu="return false" onmousemove="kwM(1)" id="clickeyekey1" onmouseover="kwE(event,1, this)" style="color: #6600ff; border-bottom: #6600ff 1px dotted; background-color: transparent; text-decoration: underline" onclick='kwC(event,1,"")' onmouseout="kwL(event,this)">�l�验。心中不免有些惭愧，本来以�ؓ自己�?/clk>Spring��比较精通啦�Q�但最�q�看Professional Java development with SpringFramework�Q�发现其实自��p��有好多东西不知道。不�q�既然有人问��P��大概谈一下体会吧�Q�由于我自己的途径与下面所列的步骤�q�是有些差距的（主要是当时关�?/span>Spring的书和参考资料太��了�Q�，而且每个人的学习方式也会不同�Q�所以只能作为参考了�?/clk>

一一�?/font>首先Java的基��、面向对象的基础和设计模式的基础知识是必不可��的�?/span>

如果�q�这些基��知道都不够扎实的话，我徏议还是先去补补课。关于设计模式我觉得不用学太多，但以下三个模式是学习Spring必不可少的：factory模式�Q�包括简单工厂和抽象工厂�Q�，Strategy模式�Q?/span>Template method模式。如果不掌握�q�些你就�Ҏ��没法领悟Spring的精髓，只能依样画葫芦地照搬�Q�这是很可怕的事�?/span>

关于�q�方面的书的��已经够多的，我就不说了。我�q�里强烈��的书可能让�h有点意外�Q�那��是Expert one on one J2EE design and development的第四章�Q�这一章不仅仅�?/span>Spring初学者，而是��M��?/span>Java开发的人必�ȝ��一章。经典！

二、接下可以看一�?/span>Spring的入门书�c?/span>

其实我自己没怎么看过�q�方面的书，我当时只看过Spring�?/span>reference�Q�不�q�现在这斚w��的书好象多的是，�?/span>Spring reference看�v来还是有些吃力的�?/span>JavaEye上很多�h��夏昕�?/span>Spring开发指�?/span>�Q�据说入门很�Ҏ��。另外的入门书应该是Spring live�?/span>Spring in action。我大概扫了一下，Spring live是一本只讲怎么做而不讲�ؓ什么的书，我不太喜�Ƣ（偶尔参考一下倒不错）�Q�不�q�有些�h特别喜欢�q�样的书�Q�看自己的个人爱好吧�?/span>

三、研�I�几个用Spring做的开源项�?/span>

理论�q�是要与实际�l�合�Q�所以看完书后是要看实际�?nobr oncontextmenu="return false" onmousemove="kwM(0)" id="clickeyekey0" onmouseover="kwE(event,0, this)" style="color: #6600ff; border-bottom: #6600ff 1px dotted; background-color: transparent; text-decoration: underline" onclick='kwC(event,0,"")' onmouseout="kwL(event,this)">��目的。很多�h喜欢appfuse�Q�我觉得appfuse��q��东西太多�Q�真正实质性的内容又太��。我更喜��?/span>Spring自带�?/span>jpetstore�Q�这是一个非常完整的例子�Q�看完后Spring的基本用法应该都能掌握�?/span>

四、开始做实际的项�?/span>

在上�q�这些都完备以后�Q�我觉得应该要去实际��目中锻��g��。当然�ƈ不是每�h都有�q�样的机会的�Q�这时只能自己做个玩具项目啦。项目的�ȝ��是非常关键的�Q�其实每个�h都清楚，我就不重复了�?/span>

五、��l�深入学�?/span>

�l�过��目的锤��|��?/span>Spring的用法和原理有了一定的了解的时候，才有可能真正掌握Spring的精髓。这时要�ȝ��书才�?/span>Rod Johnson的三本经典名著，分别是：

Expert one on one J2ee design and development

Expert one on one J2ee without EJB

Professional Java Development with SpringFramework

前两本书的经典程度我��׃��说了�Q�只有读了它们，才能真正了解Spring的设计意图，掌握Spring的精髓�?/span>

�W�三本书是我强烈不徏议初学者读的书。里面的东西深入而全�Q�但是原理讲解得又不够深�Q�很�Ҏ��让初学者犯�q�L��。但是却�?/span>Spring的高�U�用户必�ȝ��一本书�Q�还有一�?/span>pro Spring据说也不错，不过我没读过�Q�。我�q�几天会写一下这本书的书评�?/span>

当然�q�个阶段与第四阶�D�|��交错的，边读书边做项目学到的东西才会更多的�?/span>

六、分析源代码�Q�扩�?/span>Spring

有�h认�ؓ没有必要分析Spring的源代码�Q�因��是很累�h又不计好的事。但是要��x��?/span>Spring的高�U�用��P��q�是必经的阶�D�c��在学习的过�E�中�Q�我们学到的不仅�?/span>Spring�Q�更重要的是他的设计思想。不��怎样�Q�看牛�h的源代码是绝�Ҏ��好处的。不�q�这是一个很累�h的过�E�，要有思考准备哦�Q?/span>

七、等我到�q�个阶段的时候再告诉你吧�Q�哈�?/span>

chu 2009-03-13 11:57 发表评论

spring�ȝ��

chu — Wed, 11 Mar 2009 08:38:00 GMT

摘要: spring 7大组成模块： 1:spring core�Q�提供了spring 的核心功能，BeanFactory是spring核心容器的主要组�Ӟ�� 它通过Ioc把程序的配置和依赖性与实际的代码分开�Q�是整个spring的基�� 2:spring context�Q�通过配置文�g向spring提供上下文信息， &nb... 阅读全文

chu 2009-03-11 16:38 发表评论

chu — Wed, 04 Mar 2009 09:50:00 GMT

1、login.jsp��面�E�序

Java代码

"text/javascript">
function changeValidateCode(obj) {
//获取当前的时间作为参敎ͼ�无具体意�?nbsp;
var timenow = new Date().getTime();
//每次��h��需要一个不同的参数�Q�否则可能会�q�回同样的验证码
//�q�和��览器的�~�存机制有关�p�，也可以把��面讄��Z��~�存�Q�这样就不用�q�个参数了�?nbsp;
obj.src="rand.action?d="+timenow;
}
在表单中��d��下面�q�句话：
"random">�Q?lt;s:textfield name="rand" size="5">"rand.action" title="点击囄��h��验证�?/>

2、RandomNumUtil.java 生成验证码的�c�L��?/strong>

Java代码

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.image.BufferedImage;

import java.io.ByteArrayInputStream;

import java.io.ByteArrayOutputStream;

import java.util.Random;

import javax.imageio.ImageIO;

import javax.imageio.stream.ImageOutputStream;

public class RandomNumUtil {

private ByteArrayInputStream image;//囑փ�

private String str;//验证�?nbsp;



private RandomNumUtil(){

init();//初始化属�?nbsp;

}

/*

* 取得RandomNumUtil实例

*/

public static RandomNumUtil Instance(){

return new RandomNumUtil();

}

/*

* 取得验证码图�?nbsp;

*/

public ByteArrayInputStream getImage(){

return this.image;

}

/*

* 取得囄��的验证码

*/

public String getString(){

return this.str;

}



private void init() {

// 在内存中创徏图象

int width=85, height=20;

BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

// 获取囑�Ş上下�?nbsp;

Graphics g = image.getGraphics();

// 生成随机�c?nbsp;

Random random = new Random();

// 讑֮�背景�?nbsp;

g.setColor(getRandColor(200,250));

g.fillRect(0, 0, width, height);

// 讑֮�字体

g.setFont(new Font("Times New Roman",Font.PLAIN,18));

// 随机产生155条干扰线�Q��图象中的认证码不易被其它�E�序探测�?nbsp;

g.setColor(getRandColor(160,200));

for (int i=0;i<155;i++)

{

int x = random.nextInt(width);

int y = random.nextInt(height);

int xl = random.nextInt(12);

int yl = random.nextInt(12);

g.drawLine(x,y,x+xl,y+yl);

}

// 取随��Z�生的认证�?6位数�?

String sRand="";

for (int i=0;i<6;i++){

String rand=String.valueOf(random.nextInt(10));

sRand+=rand;

// ��认证码昄��到图象中

g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));

// 调用函数出来的颜色相同，可能是因为种子太接近�Q�所以只能直接生�?nbsp;

g.drawString(rand,13*i+6,16);

}

//赋值验证码

this.str=sRand;



//图象生效

g.dispose();

ByteArrayInputStream input=null;

ByteArrayOutputStream output = new ByteArrayOutputStream();

try{

ImageOutputStream imageOut = ImageIO.createImageOutputStream(output);

ImageIO.write(image, "JPEG", imageOut);

imageOut.close();

input = new ByteArrayInputStream(output.toByteArray());

}catch(Exception e){

System.out.println("验证码图片��生出现错误："+e.toString());

}



this.image=input;/* 赋值图�?nbsp;*/

}

/*

* �l�定范围获得随机颜色

*/

private Color getRandColor(int fc,int bc){

Random random = new Random();

if(fc>255) fc=255;

if(bc>255) bc=255;

int r=fc+random.nextInt(bc-fc);

int g=fc+random.nextInt(bc-fc);

int b=fc+random.nextInt(bc-fc);

return new Color(r,g,b);

}

}

3、RandomAction.java 生成验证码的action�E�序

Java代码

import java.io.ByteArrayInputStream;

import com.mxl.util.RandomNumUtil;

import com.opensymphony.xwork2.ActionContext;

import com.opensymphony.xwork2.ActionSupport;

public class RandomAction extends ActionSupport{

private ByteArrayInputStream inputStream;

public String execute() throws Exception{

RandomNumUtil rdnu=RandomNumUtil.Instance();

this.setInputStream(rdnu.getImage());//取得带有随机字符串的囄��

ActionContext.getContext().getSession().put("random", rdnu.getString());//取得随机字符串放入HttpSession

return SUCCESS;

}

public void setInputStream(ByteArrayInputStream inputStream) {

this.inputStream = inputStream;

}

public ByteArrayInputStream getInputStream() {

return inputStream;

}

}

4、LoginAction.java 验证验证码的action

Java代码

private String rand; //表单中的rand

public String getRand() {

return rand;

}

public void setRand(String rand) {

this.rand = rand;

}

//从session中取出RandomAction.java 中生成的验证码random

String arandom=(String)(ActionContext.getContext().getSession().get("random"));



//下面��是��session中保存验证码字符串与客户输入的验证码字符串对比了

if(arandom.equals(this.getRand())) {

ActionContext.getContext().getSession().put("user", this.getUsername());

return SUCCESS;

}

else {

return ERROR;

}

5、配�|�struts.xml文�g

Java代码



"rand" class="com.mxl.rand.RandomAction">

       "stream">

            "contentType">image/jpeg

            "inputName">inputStream





6、生成的验证码图片演�C�（实现�?位数字的验证码）

说明�Q?/strong>

如果想修攚w��证码生成的个敎ͼ�需要修改以下几个地方：

�W�一点：

Java代码

int width=85, height=20;

�W�二点：

Java代码

for (int i=0;i<6;i++)

数字6�Q�修�Ҏ��你想生成的位数就可以了～

chu 2009-03-04 17:50 发表评论

设计模式解读之一�Q?�{�略模式(�?

chu — Wed, 04 Mar 2009 09:27:00 GMT

原文��Q�http://www.javaeye.com/topic/328262

当我们掌握了Java的语法，当我们了解了面向对象的封装、��ѝ��多态等�Ҏ��，当我们可以用Swing、Servlet、JSP技术构建桌面以及Web应用�Q�不意味着我们可以写出面向对象的程序，不意味着我们可以很好的实��C��码复用，�Ҏ��维护，不意味着我们可以实现在维护、扩展基��上的代码复用。一把刀�Q�可以��你制敌于无�Ş而于江湖扬名�Q�也可以只是一把利刃而��你切菜��^静。Java�Q�就是这把刀�Q�它的威力取决于你��用的方式。当我们陷入无尽无止重复代码的惔��|��当我们面临牵一发而动全��n的维护恶�? 你应该想�?#8220;设计模式”�q�个行动�U�笈。面向对象的�_�义�Q�看似��^淡，其实要经�q�艰苦实跉|��能成功。而构造OO�pȝ��的隐含经验于是被前�h搜集而成�q�冠�?#8220;设计模式”之名。我们应该在�~�码行动初始��携带以它。接下来�Q�让我们�?#8220;四�h�l?#8221;先行者之后，用中国文字、用实际案例领略模式于我们代码焕然一新的改变�Q?/p>

设计模式解读之一�Q?�{�略模式

    1. 模式定义

        把会变化的内容取出�ƈ��装��h��Q�以便以后可以轻易地改动或扩充部分，而不影响不需要变化的其他部分�Q?br />
    2. 问题�~��v

    当涉及至代码�l�护�Ӟ��Z��复用目的而��用��承，�l�局�q�不完美。对父类的修改，会媄响到子类型。在��类中增加的�Ҏ��Q�会��D��子类型有该方法，甚至�q�那些不该具备该�Ҏ��的子�c�d��也无法免除。示例，一个鸭子类型：

    public abstract class Duck {
        //所有的鸭子均会叫以及游泻I��所以父�c�M��处理�q�部分代�?br />         public void quack() {
            System.out.println("Quack");
        }

        public void swim() {
            System.out.println("All ducks float, even decoys.");
        }

        //因�ؓ每种鸭子的外观是不同的，所以父�c�M��该方法是抽象的，由子�c�d��自己完成�?br />         public abstract void display();
    }

    public class MallardDuck extends Duck {
        //野鸭外观昄��为绿�?br />         public void display() {
            System.out.println("Green head.");
        }
    }

    public class RedHeadDuck extends Duck {
        //�U�头鸭显�C�Zؓ�U�头
        public void display() {
            System.out.println("Red head.");
        }
    }

    public class RubberDuck extends Duck {
        //��皮鸭叫��Cؓ吱吱叫，所以重写父�c�M��改写行�ؓ
        public void quack() {
            System.out.println("Squeak");
        }

        //��皮鸭显�C�Zؓ黄头
        public void display() {
            System.out.println("Yellow head.");
        }
    }

    上述代码�Q�初始实现得非常好。现在我们如果给Duck.java中加入fly()�Ҏ��的话�Q�那么在子类型中均有了该�Ҏ��Q�于是我们看��C�� 会飞的橡皮鸭子，你看�q�吗�Q�当�Ӟ��我们可以在子�c�M��通过�I�实现重写该�Ҏ��以解册��Ҏ��对于子类型的影响。但是父�c�M��再增加其它的�Ҏ��呢？

    通过�l�承在父�c�M��提供行�ؓ�Q�会��D��以下�~�点�Q?br />
    a. 代码在多个子�c�M��重复;
    b. �q�行时的行�ؓ不容易改变；
    c. 改变会牵一发动全��n�Q�造成部分子类型不惌��的改变；

    好啦�Q�还是刚才鸭子的例子�Q�你也许惛_��使用接口�Q�将飞的行�ؓ、叫的行为定义�ؓ接口�Q�然后让Duck的各�U�子�c�d��实现�q�些接口。这时侯代码�c�M��于：

    public abstract class Duck {
        //��变化的行�ؓ fly() 以及quake()从Duck�c�M��分离出去定义形成接口�Q�有需求的子类中自行去实现

        public void swim() {
            System.out.println("All ducks float, even decoys.");
        }

        public abstract void display();
    }

    //变化�?fly() 行�ؓ定义形成的接�?br />     public interface FlyBehavior {
        void fly();
    }

    //变化�?quack() 行�ؓ定义形成的接�?br />     public interface QuackBehavior {
        void quack();
    }

    //野鸭子会飞以及叫�Q�所以实现接�?nbsp; FlyBehavior, QuackBehavior
    public class MallardDuck extends Duck implements FlyBehavior, QuackBehavior{
        public void display() {
            System.out.println("Green head.");
        }

        public void fly() {
            System.out.println("Fly.");
        }

        public void quack() {
            System.out.println("Quack.");
        }
    }

    //�U�头鸭子会飞以及叫，所以也实现接口 FlyBehavior, QuackBehavior
    public class RedHeadDuck extends Duck implements FlyBehavior, QuackBehavior{
        public void display() {
            System.out.println("Red head.");
        }

        public void fly() {
            System.out.println("Fly.");
        }

        public void quack() {
            System.out.println("Quack.");
        }
    }

    //��皮鸭不会飞�Q�但会吱吱叫�Q�所以只实现接口QuackBehavior
    public class RubberDuck extends Duck implements QuackBehavior{
        //��皮鸭叫��Cؓ吱吱�?br />         public void quack() {
            System.out.println("Squeak");
        }

        //��皮鸭显�C�Zؓ黄头
        public void display() {
            System.out.println("Yellow head.");
        }
    }

    上述代码虽然解决了一部分问题�Q�让子类型可以有选择地提供一些行�?例如 fly() �Ҏ��不会出现在��皮鸭中).但我们也看到�Q�野鸭子MallardDuck.java和红头鸭子RedHeadDuck.java的一些相同行��Z��码不能得到重复��用。很大程度上�q�是从一个火坑蟩到另一个火坑�?br />
    在一�D늨�序之后，让我们从�l�节中蟩出来�Q�关注一些共性问题。不��用什么语�a��Q�构��Z��么应用，在��Y件开发上�Q�一直伴随着的不变的真理是：需要一直在变化。不��当初��Y件设计得多好�Q�一�D�|��间之后，��L��需要成长与改变�Q�否则��Y件就会死亡�?br />
    我们知道�Q��承在某种�E�度上可以实��C��码重用，但是父类(例如鸭子�c�Duck)的行为在子类型中是不断变化的�Q�让所有子�c�d��都有�q�些行�ؓ是不恰当的。我们可以将�q�些行�ؓ定义为接口，让Duck的各�U�子�c�d��d��玎ͼ�但接口不��h��实现代码�Q�所以实现接口无法达��C��码复用。这意味着�Q�当我们需要修�Ҏ��个行为，必须往下追�t��ƈ在每一个定义此行�ؓ的类中修改它�Q�一不小心，会造成新的错误�?br />
    设计原则�Q�把应用中变化的地方独立出来�Q�不要和那些不需要变化的代码混在一赗��这样代码变化引��L��不经意后果变��，�pȝ��变得更有�Ҏ��?br />
    按照上述设计原则�Q�我们重新审视之前的Duck代码�?br />
    1) 分开变化的内容和不变的内�?br />
       Duck�c�M��的行�?fly(), quack(), 每个子类型可能有自己�Ҏ��的表玎ͼ��q�就是所谓的变化的内宏V�?br />            Duck�c�M��的行�?swim() 每个子类型的表现均相同，�q�就是所谓不变的内容�?br />
       我们��变化的内容从Duck()�c�M��剥离出来单独定义形成接口以及一�p�d��的实现类型。将变化的内容定义�Ş成接口可实现变化内容和不变内容的剥离。其实现�c�d��可实现变化内容的重用。这些实现类�q��Duck.java的子�c�d��Q�而是专门的一�l�实现类�Q�称之�ؓ"行�ؓ�c?。由行�ؓ�c�而不是Duck.java的子�c�d��来实现接口。这��P��才能保证变化的行为独立于不变的内宏V��于是我们有�Q?br />
       变化的内容：

       //变化�?fly() 行�ؓ定义形成的接�?br />        public interface FlyBehavior {
        void fly();
       }

       //变化�?fly() 行�ؓ的实现类之一
       public class FlyWithWings implements FlyBehavior {
        public void fly() {
            System.out.println("I'm flying.");
        }
       }

       //变化�?fly() 行�ؓ的实现类之二
       public class FlyNoWay implements FlyBehavior {
        public void fly() {
            System.out.println("I can't fly.");
        }
       }

           -----------------------------------------------------------------

       //变化�?quack() 行�ؓ定义形成的接�?br />        public interface QuackBehavior {
        void quack();
       }

       //变化�?quack() 行�ؓ实现�c�M��一
       public class Quack implements QuackBehavior {
        public void quack() {
            System.out.println("Quack");
        }
       }

       //变化�?quack() 行�ؓ实现�c�M��?br />        public class Squeak implements QuackBehavior {
        public void quack() {
            System.out.println("Squeak.");
        }
       }

       //变化�?quack() 行�ؓ实现�c�M��?br />        public class MuteQuack implements QuackBehavior {
        public void quack() {
            System.out.println("<< Slience >>");
        }
       }

       通过以上设计�Q�fly()行�ؓ以及quack()行�ؓ已经和Duck.java没有什么关�p�，可以充分得到复用。而且我们很容易增加新的行�? 既不影响现有的行为，也不影响Duck.java。但是，大家可能有个疑问�Q�就是在面向对象中行��Z��是体��Cؓ�Ҏ��吗？��Z��么现在被定义形成�c?例如Squeak.java)�Q�在OO中，�c�M��表的"东西"一般是既有状�?实例变量�Q�又有方法。只是在本例中碰�?东西"是个行�ؓ。既使是行�ؓ�Q�也有属性及�Ҏ��Q�例如飞行行为，也需要一些属性记录飞行的状态，如飞行高度、速度�{��?br />
    2) 整合变化的内容和不变的内�?br />
       Duck.java��?fly()以及quack()的行为委拖给行�ؓ�c�d��理�?br />
       不变的内容：

       public abstract class Duck {
            //��行为类声明为接口类型，降低对行为实现类型的依赖
        FlyBehavior flyBehavior;
        QuackBehavior quackBehavior;

        public void performFly() {
            //不自行处理fly()行�ؓ�Q�而是委拖�l�引用flyBehavior所指向的行为对�?br />             flyBehavior.fly();
        }

        public void performQuack() {
            quackBehavior.quack();
        }

        public void swim() {
            System.out.println("All ducks float, even decoys.");
        }

        public abstract void display();
       }

       Duck.java不关心如何进�?fly()以及quack(), �q�些�l�节交由具体的行为类完成�?br />
       public class MallardDuck extends Duck{
        public MallardDuck() {
            flyBehavior=new FlyWithWings();
            quackBehavior=new Quack();
        }

        public void display() {
            System.out.println("Green head.");
        }
       }

           ��试�c�：

       public class DuckTest {
        public static void main(String[] args) {
            Duck duck=new MallardDuck();
            duck.performFly();
            duck.performQuack();
        }
       }

       在Duck.java子类型MallardDuck.java的构造方法中�Q�直接实例化行�ؓ�c�d��Q�在�~�译的时侯便指定具体行�ؓ�c�d��。当�Ӟ��我们可以�Q?br />
       1) 我们可以通过工厂模式或其它模式进一步解�?可参考后�l�模式讲�?;
       2) 或做到在�q�行时动态地改变行�ؓ�?br />
    3) 动态设定行�?br />
       在父�c�Duck.java中增加设定行为类型的setter�Ҏ��Q�接受行为类型对象的参数传入。�ؓ了降藕，行�ؓ参数被声明�ؓ接口�c�d��。这��P��既便在运行时�Q�也可以通过调用�q�二个方法以改变行�ؓ�?br />
       public abstract class Duck {
        //在刚才Duck.java中加入以下二个方法�?br />         public void setFlyBehavior(FlyBehavior flyBehavior) {
            this.flyBehavior=flyBehavior;
        }

        public void setQuackBehavior(QuackBehavior quackBehavior) {
            this.quackBehavior=quackBehavior;
        }

        //其它�Ҏ��同，省略...
       }

           ��试�c�：

       public class DuckTest {
        public static void main(String[] args) {
            Duck duck=new MallardDuck();
            duck.performFly();
            duck.performQuack();
            duck.setFlyBehavior(new FlyNoWay());
            duck.performFly();
        }
       }

       如果�Q�我们要加上火箭助力的飞行行为，只需再新建FlyBehavior.java接口的实现类型。而子�c�d��可通过调用setQuackBehavior(...)�Ҏ��动态改变。至此，在Duck.java增加新的行�ؓ�l�我们代码所带来的困�l�已不复存在�?br />
    该是�ȝ��的时侯了�Q�让我们从代码的水中��出来，做一只在水面上自由游动的鸭子�?

    3. 解决�Ҏ��

        MallardDuck �l�承 Duck抽象�c�；          -> 不变的内�?br />         FlyWithWings 实现 FlyBehavior接口�Q?nbsp;    -> 变化的内�?行�ؓ或算�?br />     在Duck.java提供setter�Ҏ��以装配关�p�；    -> 动态设定行�?br />
    以上��是�{�略模式的实��C��步曲。接下来�Q�让我们透过步骤看本�?

    1) 初始�Q�我们通过�l�承实现行�ؓ的重用，��D��了代码的�l�护问题�?nbsp;         -> �l�承, is a
    2) 接着�Q�我们将行�ؓ剥离成单独的�c�d��q�声明�ؓ不变内容的实例变量�ƈ通过 -> �l�合, has a
       setter�Ҏ��以装配关�p�；

        �l�承�Q�可以实现静态代码的复用�Q�组合，可以实现代码的弹性维护；使用�l�合代替�l�承�Q�可以��代码更好地适应软�g开发完后的需求变化�?br />
    �{�略模式的本质：��用�l�承�Q�多用组�?/p>

chu 2009-03-04 17:27 发表评论

jQuery中文入门指南�Q�翻译加实例�Q�jQuery的�v�Ҏ��E?�?

chu — Mon, 02 Mar 2009 08:55:00 GMT

中文版译者：Keel

此文以实例�ؓ基础一步步说明了jQuery的工作方式。现以中文翻译（��d��我的补充说明�Q�如下。如有相��x��见或��请麻烦到我的 BLOG 写个回复或�?EMAIL 告知�?/p>
英文原版�Q?a >http://jquery.bassistance.de/jquery-getting-started.html �Q�感谢原文作�?Jörn Zaefferer

本文发布已征求原作者同意�?/strong>

另外我认为在学习�q�程�?有两个API文档你要打开随时查看:

http://jquery.com/api/
http://visualjquery.com/

以下部分为原文翻�?

jQuery入门指南教程

�q�个指南是一个对jQuery库的说明�Q�要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事�g基础�Q�AJAX、FX的用法，以及如何制作jQuery的插件�?�q�个指南包括了很多代码，你可以copy它们�Q��ƈ试着修改它们�Q�看看��生的效果�?

内容提要

安装
Hello jQuery
Find me:使用选择器和事�g
Rate me:使用AJAX
Animate me(让我生动��h��):使用FX
Sort me(��我有序�?:使用tablesorter插�g(表格排序)
Plug me:制作您自��q��插�g
Next steps(下一�?

安装

一开�?我们需要一个jQuery的库,最新的下蝲可以�?a >�q�里扑ֈ�。这个指南提供一个基本包含实例的包供下蝲.

下蝲�Q?a class="download" >jQuery Starterkit

(译者Keel�?一定要下蝲�q�个包，光看文章不实践肯定是不行的�?

下蝲后解压羃�Q�然后用你最喜欢的文本编辑器打开starterkit.html和custom.js�q�两个文件�?span class="log">(译者Keel�?�q�两个就是例子文�?所有的例子都用�q�两个例子作�?custom.js写jQuery代码,starterkit.html观察效果.��用editPlus打开)

现在,我们��已�l�做好了一切准备来�q�行�q�个著名�?Hello world"例子.

本章的相关链�?

Starterkit
jQuery Downloads

Hello jQuery

在做所有事情之�?我们要让jQuery��d��和处理文档的DOM,必须��可能快地在DOM载入后开始执行事�?所�?我们用一个ready事�g作�ؓ处理HTML文档的开�?看看我们打开的custom.js�q�个文�g,里面已经准备好了:

$(document).ready(function() { // do stuff when DOM is ready });

放一个简单的alert事�g在需要等DOM完成载入,所以我们把��d��E�稍变复杂一�?在点��M�Q何一个链接时昄��一个alert.

$(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); });

�q�样在你点击��面的一个链接时都会触发�q�个"Hello world"的提�C��?/p>
(译者Keel�?��L��此代码修改custom.js�q�保�?然后用浏览器打开starterkit.html观察效果�?

让我们看一下这些修�Ҏ��什么含义�?("a") 是一个jQuery选择�?selector),在这里，它选择所有的a标签�Q�译者Keel注：�?lt;a>�Q?/span>�Q?��h�� jQuery “�c?#8221;(jQuery "class")的一个别�U�ͼ�因此$()构造了一个新的jQuery 对象(jQuery object)。函�?click() 是这个jQuery对象的一个方法，它绑定了一个单��M��件到所有选中的标�{?�q�里是所有的a标签),�q�在事�g触发时执行了它所提供的alert�Ҏ��.

�q�里有一个拟行相似功能的代码:

Link

不同之处很明�?用jQuery不需要在每个a标签上写onclick事�g,所以我们拥有了一个整�z�的�l�构文档(HTML)和一个行为文�?JS),辑ֈ�了将�l�构与行为分开的目�?��像我们使用CSS�q�求的一�?

下面我们会更多地了解到选择器与事�g.

本章的相关链�?

jQuery Base
jQuery Expressions
jQuery Basic Events

Find me:使用选择器和事�g

jQuery提供两种方式来选择html的elements�Q�第一�U�是用CSS和Xpath选择器联合�v来�Ş成一个字�W�串来传送到jQuery的构造器�Q�如�Q?("div > ul a")�Q�；�W�二�U�是用jQuery对象的几个methods(�Ҏ��)。这两种方式�q�可以联合�v来�؜合��用�?/p>
��Z��试一下这些选择器，我们来试着在我们starterkit.html中选择�q�修改第一个ordered list.

一开始，我们需要选择�q�个list本��n�Q�这个list有一个ID�?#8220;orderedlist”�Q�通常的javascript写法是document.getElementById("orderedlist").在jQuery中，我们�q�样做：

$(document).ready(function() { $("#orderedlist").addClass("red"); });

�q�里��starterkit中的一个CSS样式red附加��C��orderedlist�?span class="log">(译者Keel注：参考测试包中的css目录下的core.css�Q�其中定义了red样式)。因此，在你��h��了starterkit.html后，你将会看到第一个有序列�?ordered list )背景色变成了�U�色�Q�而第二个有序列表没有变化.

现在�Q�让我们��d��一些新的样式到list的子节点.

$(document).ready(function() { $("#orderedlist > li").addClass("blue"); });

�q�样�Q�所有orderedlist中的li都附加了样式"blue"�?/p>
现在我们再做个复杂一点的�Q�当把鼠标放在li对象上面和移开时进行样式切换，但只在list的最后一个element上生效�?/p>
$(document).ready(function() { $("#orderedlist li:last").hover(function() { $(this).addClass("green"); }, function() { $(this).removeClass("green"); }); });

�q�有大量的类似的CSS�?a class="doc" title="Documentation for XPath selectors" >XPath例子�Q�更多的例子和列表可以在�q�里扑ֈ��?span class="log">�Q�译者Keel注：入门看此文，修行在个人，要想在入门之后懂更多�Q�所以这�D�话的几个链接迟早是要必看的�Q�不会又要翻译吧...^_^!�Q?/span>

每一个onXXX事�g都有效，如onclick,onchange,onsubmit�{�，都有jQuery�{��h表示�Ҏ��Q�译者Keel注：jQuery不喜�ƢonXXX�Q�所以都�Ҏ��了XXX�Q�去掉了on�Q?/span>�?a class="doc" title="Documentation for advanced events" >其他的一些事�?/a>�Q�如ready和hover,也提供了相应的方法�?/p>
你可以在Visual jQuery扑ֈ�全部的事件列表，在Events栏目�?

用这些选择器和事�g你已�l�可以做很多的事情了�Q�但�q�里有一个更强的好东东！

$(document).ready(function() { $("#orderedlist").find("li").each(function(i) { $(this).html( $(this).html() + " BAM! " + i ); }); });

find() 让你在已�l�选择的element中作条�g查找,因此 $("#orderedlist).find("li") ��像 $("#orderedlist li")一栗��each()�Ҏ��q�代了所有的li�Q��ƈ可以在此基础上作更多的处理�?大部分的�Ҏ��,如addClass(), 都可以用它们自己�?each() 。在�q�个例子�? html()用来获取每个li的html文本, �q�加一些文字，�q�将之设�|��ؓli的html文本�?span class="log">�Q�译者Keel注：从这个例子可以看�?html()�Ҏ��是获取对象的html代码�Q��?html('xxx')是设�|?xxx'为对象的html代码�Q?/span>

另一个经常碰到的��d��是在没有被jQuery覆盖的DOM元素上call一些方法，惛_��一个在你用AJAX方式成功提交后的reset�Q?/p>
$(document).ready(function() { // use this to reset a single form $("#reset").click(function() { $("#form")[0].reset(); }); });

�Q�译者Keel注：�q�里作者将form的id也写成了form�Q�源文�g�?lt;form id="form">�Q�这是非�怸�好的写法�Q�你可以��这个ID�Ҏ��form1或者testForm�Q�然后用$("#form1")或�?("#testForm")来表�C�它�Q�再�q�行��试。）

�q�个代码选择了所有ID�?form"的元素，�q�在其第一个上call了一个reset()。如果你有一个以上的form�Q�你可以�q�样做：

$(document).ready(function() { // use this to reset several forms at once $("#reset").click(function() { $("form").each(function() { this.reset(); }); }); });

�Q�译者Keel注：��h��意一定要亲自��这些代码写在custom.js中�ƈ在starterkit.html上测试效果才能有所体会�Q�必要时要观察starterkit.html的html代码�Q?/p>
�q�样你在点击Reset链接后，��选择了文档中所有的form元素�Q��ƈ对它们都执行了一�ơreset()�?/p>
�q�有一个你可能要面对的问题是不希望某些特定的元素被选择。jQuery 提供了filter() 和not() �Ҏ��来解册��个问题�?filter()以过滤表辑ּ�来减��不�W�合的被选择��? not()则用来取消所有符合过滤表辑ּ�的被选择��? 考虑一个无序的list�Q�你惌��选择所有的没有ul子元素的li元素�?/p>
$(document).ready(function() { $("li").not("[ul]").css("border", "1px solid black"); });

�q�个代码选择了所有的li元素�Q�然后去除了没有ul子元素的li元素。刷新浏览器后，所有的li元素都有了一个边框，只有ul子元素的那个li元素例外�?/p>
�Q�译者Keel注：��h��意体会方便之极的css()�Ҏ��Q��ƈ再次提醒请务必实际测试观察效果，比方说换个CSS样式呢？再加一个CSS样式呢？像这��P��$("li").not("[ul]").css("border", "1px solid black").css("color","red");�Q?/p>
上面代码中的[expression] 语法是从XPath而来�Q�可以在子元素和属�?elements and attributes)上用作过滤器�Q�比如你可能想选择所有的带有name属性的链接:

$(document).ready(function() { $("a[@name]").background("#eee"); });

�q�个代码�l�所有带有name属性的链接加了一个背景色�?span class="log">�Q�译者Keel注：�q�个颜色太不明显了，��写成$("a[@name]").background("red");�Q?/span>

更常见的情况是以name来选择链接�Q�你可能需要选择一个有特点href属性的链接�Q�这在不同的��览器下对href的理解可能会不一��_��所以我们的部分匚w��("*=")的方式来代替完全匚w��("=")�Q?/p>
$(document).ready(function() { $("a[@href*=/content/gallery]").click(function() { // do something with all links that point somewhere to /content/gallery }); });

到现在�ؓ止，选择器都用来选择子元素或者是�q��o元素。另外还有一�U�情冉|��选择上一个或者下一个元素，比如一个FAQ的页面，�{�案首先会隐藏，当问题点��L��Q�答案显�C�出来，jQuery代码如下�Q?/p>
$(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() { var answer = $(this).next(); if (answer.is(':visible')) { answer.slideUp(); } else { answer.slideDown(); } }); });

�q�里我们用了一些链式表达法来减��代码量�Q�而且看上��L��直观更容易理解。像'#faq' 只选择了一�ơ，利用end()�Ҏ��Q�第一�ơfind()�Ҏ��会结�?undone)�Q�所以我们可以接着在后面��l�find('dt')�Q�而不需要再�?('#faq').find('dt')�?/p>
在点��M��件中的，我们�?$(this).next() 来找到dt下面紧接的一个dd元素�Q�这让我们可以快速地选择在被点击问题下面的答案�?/p>
�Q�译者Keel注：�q�个例子真是太酷了，FAQ中的�{�案可以收羃�Q�从利用next()的思�\到实现这些效果都有很多地斚w��要我们消化，注意 if (answer.is(':visible'))用法�Q�注意answer.slideUp();不懂的地方赶紧查我在最开始提到的两个必看API文档�Q?/p>
除了选择同��别的元素外，你也可以选择父��的元素。可能你惛_��用户鼠标�U�d��文章某段的某个链接时�Q�它的父�U�元�?-也就是文章的�q�一�D늪�出显�C�，试试�q�个�Q?/p>
$(document).ready(function() { $("a").hover(function() { $(this).parents("p").addClass("highlight"); }, function() { $(this).parents("p").removeClass("highlight"); }); });

��试效果可以看到�Q�移到文章某�D늚�链接�Ӟ��它所在的�D�全用上highlight样式�Q�移��C��后又恢复原样�?/p> �Q�译者Keel注：highlight是core.css中定义的样式�Q�你也可以改变它�Q�注意这里有�W�二个function()�q�是hover�Ҏ��的特点，请在API文档中查阅hover�Q�上面也有例子说明）
在我们��l�之前我们先来看看这一步： jQuery会让代码变得更短从而更�Ҏ��理解和维护，下面�?(document).ready(callback)的羃写法�Q?/p>
$(function() { // code to execute when the DOM is ready });

应用到我们的Hello world例子中，可以�q�样:

$(function() { $("a").click(function() { alert("Hello world!"); }); });

现在�Q�我们手上有了这些基��的知识，我们可以更进一步的探烦其它斚w��的东西，��׃��AJAX开始！

本章的相关链�?

jQuery API documentation
Visual jQuery - A categorized browsable API documentation
jQuery Expressions: CSS
jQuery Expressions: XPath
jQuery Expressions: Custom
jQuery Special Events
jQuery DOM Traversing

Rate me:使用AJAX

在这一部分我们写了一个小��的AJAX应用�Q�它能够rate一些东�?span class="log">�Q�译Keel注：��是�Ҏ��些东西投��）�Q�就像在youtube.com上面看到的一栗��?/p>
首先我们需要一些服务器端代码，�q�个例子中用��C��一个PHP文�g�Q�读取rating参数然后�q�回rating��L��和��^均数。看一�?a >rate.php代码.

虽然�q�些例子也可以不使用AJAX来实玎ͼ�但显�C�我们不会那么做�Q�我们用jQuery生成一个DIV容器�Q�ID�?rating".

$(document).ready(function() { // generate markup var ratingMarkup = ["Please rate: "]; for(var i=1; i <= 5; i++) { ratingMarkup[ratingMarkup.length] = "" + i + " "; } // add markup to container and applier click handlers to anchors $("#rating").append( ratingMarkup.join('') ).find("a").click(function(e) { e.preventDefault(); // send requests $.post("rate.php", {rating: $(this).html()}, function(xml) { // format result var result = [ "Thanks for rating, current average: ", $("average", xml).text(), ", number of votes: ", $("count", xml).text() ]; // output result $("#rating").html(result.join('')); } ); }); });

�q�段代码生成�?个链接，�q�将它们�q�加到id�?rating"容器中，当其中一个链接被点击�Ӟ��该链接标明的分数��׃��以rating参数形式发送到rate.php�Q�然后，�l�果��以XML形式会从服务器端传回来，��d��到容器中�Q�替代这些链接�?/p>
如果你没有一个安装过PHP的webserver�Q�你可以看看�q�个在线的例�?/a>.

不��用javascript实现的例子可以访�?softonic.de 点击 "Kurz bewerten!"

更多的AJAX�Ҏ��可以�?a class="doc" title="Documentation for AJAX methods" >�q�里扑ֈ��Q�或者看�?a >API文档下面的AJAX filed under AJAX.

�Q�译者Keel注：�q�个在线实例从国内访问还是比较慢的，点击后要�{�一会儿才能看到�l�果�Q�可以考虑对它�q�行修改�Q�比如加上loading�Q�投��后加上再投��的�q�回链接�{�。此外，�q�个例子中还是有很多需要进一步消化的地方�Q�看不懂的地方请参考API文档。）

一个在使用AJAX载入内容时经常发生的问题是：当蝲入一个事件句柄到一个HTML文档�Ӟ��q�需要在载入内容上应用这些事�Ӟ��你不得不在内容加载完成后应用�q�些事�g句柄�Q��ؓ了防止代码重复执行，你可能用到如下一个function:

// lets use the shortcut $(function() { var addClickHandlers = function() { $("a.clickMeToLoadContent").click(function() { $("#target").load(this.href, addClickHandlers); }); }; addClickHandlers(); });

现在�Q�addClickHandlers只在DOM载入完成后执行一�ơ，�q�是在用��h��ơ点��d��有clickMeToLoadContent �q�个样式的链接�ƈ且内容加载完成后.

��h��意addClickHandlers函数是作��Z��个局部变量定义的�Q�而不是全局变量(如：function addClickHandlers() {...})�Q�这样做是�ؓ了防止与其他的全局变量或者函数相冲突.

另一个常见的问题是关于回�?callback)的参数。你可以通过一个额外的参数指定回调的方法，��单的办法是将�q�个回调�Ҏ��包含在一个其它的function�?

// get some data var foobar = ...; // specify handler, it needs data as a paramter var handler = function(data) { ... }; // add click handler and pass foobar! $('a').click( function(event) { handler(foobar); } ); // if you need the context of the original handler, use apply: $('a').click( function(event) { handler.apply(this, [foobar]); } );

用到��单的AJAX后，我们可以认�ؓ已经非常�?#8220;web2.0”了，但是到现在�ؓ止，我们�q�缺��一些酷炫的效果。下一节将会谈到这些效�?

本章的相关链�?

jQuery AJAX Module
jQuery API: Contains description and examples for append and all other jQuery methods
ThickBox: A jQuery plugin that uses jQuery to enhance the famous lightbox

Animate me(让我生动��h��):使用FX

一些动态的效果可以使用 show() �?hide()来表�?

$(document).ready(function() { $("a").toggle(function() { $(".stuff").hide('slow'); }, function() { $(".stuff").show('fast'); }); });

你可以与 animate()联合��h��创徏一些效�?如一个带渐显的滑动效�?

$(document).ready(function() { $("a").toggle(function() { $(".stuff").animate({ height: 'hide', opacity: 'hide' }, 'slow'); }, function() { $(".stuff").animate({ height: 'show', opacity: 'show' }, 'slow'); }); });

很多不错的效果可以访�?a >interface plugin collection. �q�个站点提供了很多demos和文�?/p>
�q�些效果插�g是位于jQuery插�g列表的前面的�Q�当然也有很多其他的插�g�Q�比如我们下一章讲到的表格排序插�g�?/p>
本章的相关链�?

jQuery FX Module
Interface plugin

Sort me(��我有序�?:使用tablesorter插�g(表格排序)

�q�个表格排序插�g能让我们在客��L��按某一列进行排序，引入jQuery和这个插件的js文�g�Q�然后告诉插件你惌��哪个表格拥有排序功能�?/p>
要测试这个例子，先在starterkit.html中加上像下面�q�一行的代码�Q?/p>

然后可以�q�样调用不着:

$(document).ready(function() { $("#large").tableSorter(); });

现在点击表格的第一行head区域�Q�你可以看到排序的效果，再次点击会按倒过来的��序�q�行排列�?/p>
�q�个表格�q�可以加一些突出显�C�的效果�Q�我们可以做�q�样一个隔行背景色�Q�斑马线�Q�效�?

$(document).ready(function() { $("#large").tableSorter({ stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array. stripRowsOnStartUp: true // Strip rows on tableSorter init. }); });

关于�q�个插�g的更多例子和文档可以�?tablesorter首页扑ֈ�.

几乎所有的特�g都是�q�样用的:先include插�g的js文�g,然后在某些元素上使用插�g定义的方�?当然也有一些参数选项是可以配�|�的

�l�常更新的插件列表可以从jQuery官方�?on the jQuery site扑ֈ�.

当你更经常地使用jQuery�?你会发现��你自己的代码打包成插�g是很有用处的,它能方便地让你的公司或者其他�h�q�行重用.下一章我们将谈到如何构徏一个自��q��插�g.

本章的相关链�?

Plugins for jQuery
Tablesorter Plugin

Plug me:制作自己的插�?/h2>
写一个自��q��jQuery插�g是非常容易的,如果你按照下面的原则来做,可以让其他�h也容易地�l�合使用你的插�g.

��Z��的插件取一个名�?在这个例子里面我们叫�?foobar".
创徏一个像�q�样的文�?jquery.[yourpluginname].js,比如我们创徏一个jquery.foobar.js
创徏一个或更多的插件方�?使用�l�承jQuery对象的方�?�?
jQuery.fn.foobar = function() { // do something };

可选的:创徏一个用于帮助说明的函数,�?
jQuery.fooBar = { height: 5, calculateBar = function() { ... }, checkDependencies = function() { ... } };

你现在可以在你的插�g中��用这些帮助函��C��:

jQuery.fn.foobar = function() { // do something jQuery.foobar.checkDependencies(value); // do something else };

可选的l:创徏一个默认的初始参数配置,�q�些配置也可以由用户自行讑֮�,�?
jQuery.fn.foobar = function(options) { var settings = { value: 5, name: "pete", bar: 655 }; if(options) { jQuery.extend(settings, options); } };

现在可以无需做�Q何配�|�地使用插�g�?默认的参数在此时生效:

$("...").foobar();

或者加入这些参数定�?

$("...").foobar({ value: 123, bar: 9 });

如果你release你的插�g, 你还应该提供一些例子和文档,大部分的插�g都具备这些良好的参考文�?

现在你应该有了写一个插件的基础,让我们试着用这些知识写一个自��q��插�g.

很多��着控制所有的radio或者checkbox是否被选中,比如:

$("input[@type='checkbox']").each(function() { this.checked = true; // or, to uncheck this.checked = false; // or, to toggle this.checked = !this.checked; });

无论何时候，当你的代码出现each�Ӟ��你应该重写上面的代码来构造一个插�?很直接地:

$.fn.check = function() { return this.each(function() { this.checked = true; }); };

�q�个插�g现在可以�q�样�?

$("input[@type='checkbox']").check();

现在你应该还可以写出uncheck()和toggleCheck()�?但是先停一�?让我们的插�g接收一些参�?

$.fn.check = function(mode) { var mode = mode || 'on'; // if mode is undefined, use 'on' as default return this.each(function() { switch(mode) { case 'on': this.checked = true; break; case 'off': this.checked = false; break; case 'toggle': this.checked = !this.checked; break; } }); };

�q�里我们讄��了默认的参数,所以将"on"参数省略也是可以�?当然也可以加�?on","off", �?"toggle",�?

$("input[@type='checkbox']").check(); $("input[@type='checkbox']").check('on'); $("input[@type='checkbox']").check('off'); $("input[@type='checkbox']").check('toggle');

如果有多于一个的参数讄��会稍�E�有点复�?在��用时如果只想讄��W�二个参�?则要在第一个参��C��|�写入null.

从上一章的tablesorter插�g用法我们可以看到,既可以省略所有参数来使用或者通过一�?key/value �Ҏ��重新讄��每个参数.

作�ؓ一个练�?你可以试着��?�W�四�?/a> 的功能重写�ؓ一个插�?�q�个插�g的骨架应该是像这��L��:

$.fn.rateMe = function(options) { var container = this; // instead of selecting a static container with $("#rating"), we now use the jQuery context var settings = { url: "rate.php" // put more defaults here // remember to put a comma (",") after each pair, but not after the last one! }; if(options) { // check if options are present before extending the settings $.extend(settings, options); } // ... // rest of the code // ... return this; // if possible, return "this" to not break the chain });

Next steps(下一�?

如果你想做更好的javascript开�?��你��用一个叫 FireBug的firefox插�g. 它提供了断点调试(比alert强多�?、观察DOM变化�{�很多漂亮的功能

如果你还有未解决的问题，或者新的想法与��Q�你可以使用jQuery的邮件列�?jQuery mailing list.

chu 2009-03-02 16:55 发表评论

chu — Fri, 06 Feb 2009 09:14:00 GMT
http://bbs.pfan.cn/main.asp

chu 2009-02-06 17:14 发表评论

chu — Fri, 06 Feb 2009 08:42:00 GMT
http://www.ajaxjs.com/ajaxjs/index/

chu 2009-02-06 16:42 发表评论

亚洲国产aⅴ综合网,国产精品亚洲综合天堂夜夜,亚洲AV无码成人精品区在线观看

Struts 2中的OGNL (�?

spring ibatis struts2的基本配�|�和使用(�q�接)

�l�Spring初学者的学习�����(�?

spring�ȝ��

设计模式解读之一�Q?�{�略模式(�?

jQuery中文入门指南�Q�翻译加实例�Q�jQuery的�v�Ҏ���E?�?

中文版译者：Keel

以下部分为原文翻�?

jQuery入门指南教程

内容提要

安装

本章的相关链�?

Hello jQuery

本章的相关链�?

Find me:使用选择器和事�g

本章的相关链�?

Rate me:使用AJAX

本章的相关链�?

Animate me(让我生动��h��):使用FX

本章的相关链�?

Sort me(���我有序�?:使用tablesorter插�g(表格排序)

本章的相关链�?

Next steps(下一�?

�l�Spring初学者的学习��(�?

jQuery中文入门指南�Q�翻译加实例�Q�jQuery的�v�Ҏ��E?�?

Sort me(��我有序�?:使用tablesorter插�g(表格排序)