存阳光的罐子新开的
BlogJava \| 首页 \| 发新随笔 \| 发新文章 \| 联系 \| 聚合 \| 管理	随笔：5 文章：1 评论：2 引用：0

2009年4月20日

myeclipse 绿化

将myeclipse"eclipse"links下的com.genuitec.eclipse.MyEclipse.link里的内容由具体的磁盘地址改为相对地址即可：
path=../myeclipse
如果你想在myeclipse目录下就启动它，那么加一个bat文件，内容：
start eclipse/eclipse.exe -vm jre/bin/javaw.exe

posted @ 2009-04-20 16:57 housun 阅读(343) | 评论 (0) | 编辑收藏

2009年3月18日

dojo之面向对象编程

dojo之面向对象编程

Dojo作为一个强大的javascript工具箱，有它自己面向对象的开发方式，用declare解决了对象的创建和继承的问题，文档中的例子：

dojo.declare("my.classes.bar", my.classes.foo, {

// properties to be added to the class prototype

someValue: 2,

// initialization function

constructor: function(){

this.myComplicatedObject = new ReallyComplicatedObject();

// other functions

someMethod: function(){

doStuff();

}

);

declare的第一个参数是对象名称，最后一个参数指定在这个对象里要添加的内容，包括函数和属性，写个例子

dojo.declare("Apple", null, {

price: 5,

constructor: function(weight) {

this.total = weight * this.price;

print: function() {

alert("The total price is " + this.total);

}

);

var myapple = new Apple(10);

myapple.print(); //输出结果："The total price is 50"

上例通过declare创建了一个Apple对象，javascript本身没有类的概念，可以使用对象本身来创建新的对象myapple，通过构造函数的参数值计算苹果的总价，print函数输出结果，非常形象的构建了一个Apple“类”，非常容易理解。要注意的是，这里如果声明默认构造函数， "new Apple(10)"将直接执行默认构造函数，带参数的构造函数就被忽略了，并非C++中顺序执行。

注意dojo.declare第二个参数，如果创建一个独立的新对象，可以设为null，当需要从其他一个或多个对象继承时，则为对象名称，这样就方便的实现了对象继承。多个对象继承，declare第二个参数为一数组，第一个元素为原型父对象，其他的为mixin对象，通过代码来理解。

dojo.declare("Apple", null, {

price : 5,

constructor : function(weight) {

this.total = weight * this.price;

// constructor : function() {

// alert("Create Apple !");

// },

print : function() {

alert("The total price is " + this.total);

}

);

dojo.declare("AppleTree", null, {

constructor : function() {

alert("Create AppleTree !");

print : function() {

alert("This is an apple tree");

additional : function() {

alert("This is a mixin class");

}

);

dojo.declare("GreenApple", [Apple, AppleTree], {

constructor : function() {

alert("Getting a green apple");

}

);

</script>

创建一个GreenApple对象，测试alert执行顺序！mixin对象的方法将覆盖之前对象中的同名函数，除非子对象也声明了同名函数print。

//输出

//"The height of the tree is #ff0000"

//"Getting a green apple"

var gapple = new GreenApple();

//输出，覆盖了Apple对象的print

//"This is an apple tree"

gapple.print();

//"This is a mixin class"

gapple.additional();

dojo/_base/_loader/bootstrap.js有专门的mixin函数，用于对象的拷贝，将一个创建好的对象拷贝到新的对象中

var copy = dojo.mixin({}, new Apple(2));

copy.print();

print输出结果是"The total price is 10"，mixin参数一定是创建好的对象实例，否则出错！dojo.extend则可以将一个或多个对象的属性、方法拷贝到一个原型上，通过prototype实现继承，这是继承的另外一种方式。

通过declare、mixin、extend，dojo给我们提供了一种方便的对象创建与扩展机制，一般情况下够用了，感觉还是比较方便，使用时也存在一些限制，翻翻源代码就能理解。这里主要是要知道dojo是如何面向对象的，方便我们更好的理解dojo基础功能，及dijit和dojox，dojo最为强大还是它的widgets。本文涉及的js源码：
mixin:dojo/_base/_loader/bootstrap.js
extend:dojo/_base/lang.js
declare:dojo/_base/declare.js

posted @ 2009-03-18 14:21 housun 阅读(160) | 评论 (0) | 编辑收藏

ExtJS之面向对象编程

ExtJS之面向对象编程

1：支持命名空间

其中

Ext.wentao.helloworld = Ext.emptyFn;

等价于

Ext.wentao.helloworld = function(){};

2：支持类实例属性

        // 为自定义的类增加一个 name 属性，并赋值
        Ext.apply(Ext.wentao.Person.prototype, {
            name : "刘文涛"
        });

        var _person = new Ext.wentao.Person();// 实例化自定义类
        alert(_person.name);
        _person.name = "张三";// 修改类name属性
        alert(_person.name);

</script>

3：支持类实例方法

        // 演示类实例方法
        Ext.apply(Ext.wentao.Person.prototype, {
            name : "刘文涛",
            sex : "男",
            print : function() {
                alert(String.format("姓名:{0},性别:{1}", this.name, this.sex));
            }
        });

var _person = new Ext.wentao.Person();// 实例化自定义类
_person.print();

</script>

4：支持类静态方法

Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Ext.wentao.Person = Ext.emptyFn; // 在命名空间上自定义一个类

        // 演示类静态方法
        Ext.wentao.Person.print = function(_name, _sex) {
            var _person = new Ext.wentao.Person();
            _person.name = _name;
            _person.sex = _sex;
            _person.print(); // 此处调用类实例方法，上面print是类静态方法
        };

Ext.wentao.Person.print("张三", "女"); // 调用类静态方法

</script>

5：支持构造方法

    //构造方法
        Ext.wentao.Person = function(_cfg){
            Ext.apply(this,_cfg);
        };

    //演示类实例方法
        Ext.apply(Ext.wentao.Person.prototype, {
            print:function(){
                alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
            }
        });

    //演示类静态方法
        Ext.wentao.Person.print = function(_name,_sex){
            var _person = new Ext.wentao.Person({name:_name,sex:_sex});
            _person.print(); //此处调用类实例方法，上面print是类静态方法
        };

Ext.wentao.Person.print("张三","女"); //调用类静态方法
</script>

6：支持类继承

Ext.namespace("Ext.wentao"); // 自定义一个命名空间

// *******************父类*********************
        // 构造方法
        Ext.wentao.Person = function(_cfg) {
            Ext.apply(this, _cfg);
        };

        // 演示类实例方法
        Ext.apply(Ext.wentao.Person.prototype, {
            job : "无",
            print : function() {
                alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
                    this.sex, this.job));
            }
        });

// *******************子类1*********************
        Ext.wentao.Student = function(_cfg) {
            Ext.apply(this, _cfg);
        };

        Ext.extend(Ext.wentao.Student, Ext.wentao.Person, {
            job : "学生"
        });

        var _student = new Ext.wentao.Student({
            name : "张三",
            sex : "女"
        });
        _student.print(); // 调用父类方法

</script>

7：支持类实例方法重写

Ext.namespace("Ext.wentao"); // 自定义一个命名空间

// *******************父类*********************
        // 构造方法
        Ext.wentao.Person = function(_cfg) {
            Ext.apply(this, _cfg);
        };

// *******************子类1*********************
        Ext.wentao.Student = function(_cfg) {
            Ext.apply(this, _cfg);
        };

        // 重写父类的实例方法
        Ext.extend(Ext.wentao.Student, Ext.wentao.Person, {
            job : "学生",
            print : function() {
                alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
                    this.job));
            }
        });

        var _student = new Ext.wentao.Student({
            name : "张三",
            sex : "女"
        });
        _student.print(); // 调用父类方法

</script>

8：支持命名空间别名

Ext.namespace("Ext.wentao"); // 自定义一个命名空间

Wt = Ext.wentao; // 命名空间的别名

// *******************父类*********************
        // 构造方法
        Wt.Person = function(_cfg) {
            Ext.apply(this, _cfg);
        };

        // 演示类实例方法
        Ext.apply(Wt.Person.prototype, {
            job : "无",
            print : function() {
                alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
                     this.sex, this.job));
            }
        });

// *******************子类1*********************
        Wt.Student = function(_cfg) {
            Ext.apply(this, _cfg);
        };

        // 重写父类的实例方法
        Ext.extend(Wt.Student, Ext.wentao.Person, {
            job : "学生",
            print : function() {
            alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
                     this.job));
            }
        });

        var _student = new Wt.Student({
            name : "张q三",
            sex : "女"
        });
        _student.print(); // 调用父类方法

</script>

9：支持类别名

Ext.namespace("Ext.wentao"); // 自定义一个命名空间

Wt = Ext.wentao; // 命名空间的别名

// *******************父类*********************
        // 构造方法
        Wt.Person = function(_cfg) {
             Ext.apply(this, _cfg);
        };

PN = Wt.Person; // 类别名

        // 演示类实例方法
        Ext.apply(PN.prototype, {
            job : "无",
            print : function() {
            alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
                    this.sex, this.job));
            }
        });

// *******************子类1*********************
        Wt.Student = function(_cfg) {
            Ext.apply(this, _cfg);
        };

ST = Wt.Student;

        // 重写父类的实例方法
        Ext.extend(ST, PN, {
            job : "学生",
            print : function() {
                alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
                     this.job));
            }
        });

        var _student = new ST({
            name : "张q三",
            sex : "女"
        });
        _student.print(); // 调用父类方法

</script>

posted @ 2009-03-18 10:15 housun 阅读(2836) | 评论 (0) | 编辑收藏

看看是怎么排版的

posted @ 2009-03-18 09:41 housun 阅读(236) | 评论 (2) | 编辑收藏

第一次用博客,.测试测试

看看firefox支持不.
firefox中tab不能用
字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数字数

posted @ 2009-03-18 09:05 housun 阅读(98) | 评论 (0) | 编辑收藏

仅列出标题

2024年11月

日

一

二

三

四

五

六

公告

本博客中未注原创的文章均为转载，对转载内容可能做了些修改和增加图片注释，如果侵犯了您的版权，或没有注明原作者，请谅解。
这里作为分享知识经验之用,欢迎各位读者提出宝贵意见。

2009年4月20日

2009年3月18日

公告

常用链接

留言簿(2)

随笔分类

随笔档案

文章档案

相册

搜索

最新评论

阅读排行榜

评论排行榜