Dojo 入门

最新推荐文章于 2020-03-19 10:50:05 发布
原创 最新推荐文章于 2020-03-19 10:50:05 发布 · 652 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#dojo #function #constructor #java #url #json

第一步，引入dojo.js dojo的发行包里有4个子目录，要引入的文件是名叫"dojo"的子目录里的dojo.js。 假设你是这样的目录结构:
    引用
    project | +--dojo-lib | | | +--dijit | +--dojo | +--dojox | +--util | +--dojo_hello_world.html
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    view plaincopy to clipboardprint?
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script> 
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>开始使用dojo 现在开始使用dojo的第一个函数:dojo.byId dojo.byId就等同于常用的document.getElement <input type="text" name="username" id="username" value="Mark" /> <script type="text/javascript"> var username = dojo.byId(’username’).value alert(username); </script> OK，是不是和普通的js库一样，没有任何玄机？ dojo.addOnLoad 现在我们想在window.onload里面处理一点东西，就像Ext.onReady，这个东西在dojo里叫做dojo.addOnLoad Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId(’username’).value
        alert(username);
    });
    Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId(’username’).value
        alert(username);
    });
    Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId(’username’).value
        alert(username);
    });
    view plaincopy to clipboardprint?
    dojo.addOnLoad(function(){
        var username = dojo.byId(’username’).value
        alert(username);
    });
    dojo.addOnLoad(function(){
     var username = dojo.byId(’username’).value
     alert(username);
    });dojo.connect OK，window.onload搞定了，那么如何监听普通的dom事件呢？没问题，强大的dojo.connect出场 Java代码
    <script type="text/javascript">
    function sayHello(event)
    {
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",sayHello);
    });
    </script>
    <input type="button" id="hello" value="Hello" />
    Java代码
    <script type="text/javascript">
    function sayHello(event)
    {
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",sayHello);
    });
 </script>
    <input type="button" id="hello" value="Hello" />
    Java代码
    <script type="text/javascript">
    function sayHello(event)
    {
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",sayHello);
    });
    </script>
    <input type="button" id="hello" value="Hello" />
    view plaincopy to clipboardprint?
    <script type="text/javascript">
    function sayHello(event)
    {
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",sayHello);
    });
    </script>
    <input type="button" id="hello" value="Hello" /> 
    <script type="text/javascript">
    function sayHello(event)
    {
     alert("Hello");
    }
    dojo.addOnLoad(function(){
     var btn = dojo.byId(’hello’);
     dojo.connect(btn,"onclick",sayHello);
    });
    </script>
    <input type="button" id="hello" value="Hello" />
    是不是和prototype的Event.observe($(’btnAdd’), "load", doAdd)差不多? 用prototype时最烦的就是那个长长的bindAsListener了，使用dojo.conncect，可以在第三个参数中指定当前的scope： Java代码
    var name = "Mark"
    function sayHello()
    {
        alert("Hello " + this.name);
    }
    var obj = {
        name: "Karl"
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数
    });
    Java代码
    var name = "Mark"
    function sayHello()
    {
        alert("Hello " + this.name);
    }
    var obj = {
        name: "Karl"
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数
    });
    Java代码
    var name = "Mark"
    function sayHello()
    {
        alert("Hello " + this.name);
    }
    var obj = {
        name: "Karl"
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数
    });
    view plaincopy to clipboardprint?
    var name = "Mark"
    function sayHello()
    {
        alert("Hello " + this.name);
    }
    var obj = {
        name: "Karl"
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId(’hello’);
        dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数
    });
    var name = "Mark"
    function sayHello()
    {
     alert("Hello " + this.name);
    }
    var obj = {
     name: "Karl"
    }
    dojo.addOnLoad(function(){
     var btn = dojo.byId(’hello’);
     dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数
    });
    OK，点击按钮，将输出：Hello Karl 这里dojo.connect的第三个参数变成了scope，而handler函数是第四个，实际上 dojo.connect(btn,"onclick",sayHello); 与 dojo.connect(btn,"onclick",null,sayHello); 相同。 更加复杂的用法这里不作介绍，写太多就越搞越复杂了，后面再写文章详细介绍dojo.connect，这里只简单介绍如何绑定DOM事件。 xmlhttp dojo.xhrGet OK，介绍了简单的DOM操作方法，接下来该到Ajax的传统项目-XmlHttp了 在使用xmlhttp时，需要注意到编码的问题，要让dojo默认绑定为utf-8怎么办呢？很简单，只需要修改一下引入dojo.js时的标签： Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:’UTF-8’"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:’UTF-8’"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:’UTF-8’"></script>
    view plaincopy to clipboardprint?
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:’UTF-8’"></script>
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:’UTF-8’"></script>多了一个djConfig属性，很简单，第一个isDebug是说是否打开FireBug的Console，第二个是xmlhttp使用的编码。第二个才是重点，设置了就一劳永逸了。 这次我们要点击了hello按钮后发出一个xmlhttp请求: Java代码
    function sayHello() {
        dojo.xhrGet({
            url: "http://localhost/hello/sayHello.jsp",
            handleAs: "text",
            load: function(responseText)
            {
              alert(responseText);
              dojo.byId("divHello").innerHTML = responseText;
            },
            error: function(response)
            {
              alert("Error");
            }
        });
    }
    dojo.connect(btn,"onclick",sayHello);
    Java代码
    function sayHello() {
        dojo.xhrGet({
            url: "http://localhost/hello/sayHello.jsp",
            handleAs: "text",
            load: function(responseText)
            {
              alert(responseText);
              dojo.byId("divHello").innerHTML = responseText;
            },
            error: function(response)
            {
              alert("Error");
            }
        });
    }
 dojo.connect(btn,"onclick",sayHello);
    Java代码
    function sayHello() {
        dojo.xhrGet({
            url: "http://localhost/hello/sayHello.jsp",
            handleAs: "text",
            load: function(responseText)
            {
              alert(responseText);
              dojo.byId("divHello").innerHTML = responseText;
            },
            error: function(response)
            {
              alert("Error");
            }
        });
    }
    dojo.connect(btn,"onclick",sayHello);
    view plaincopy to clipboardprint?
    function sayHello() {
        dojo.xhrGet({
            url: "http://localhost/hello/sayHello.jsp",
            handleAs: "text",
            load: function(responseText)
            {
              alert(responseText);
              dojo.byId("divHello").innerHTML = responseText;
            },
            error: function(response)
            {
              alert("Error");
            }
        });
    }
    dojo.connect(btn,"onclick",sayHello); 
    function sayHello() {
        dojo.xhrGet({
            url: "http://localhost/hello/sayHello.jsp",
            handleAs: "text",
            load: function(responseText)
            {
              alert(responseText);
              dojo.byId("divHello").innerHTML = responseText;
            },
            error: function(response)
            {
              alert("Error");
            }
        });
    }
    dojo.connect(btn,"onclick",sayHello);看看，够不够一目了然？ url 就是url…… handleAs 把获取的内容作为text/html load 成功时的回调函数 error 失败时的回调函数 那如果要传入参数怎么办? Java代码
    var params = {
        username:’Mark’,
        id:’105’
    }
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        content:params,
        //...
    });
    Java代码
    var params = {
        username:’Mark’,
        id:’105’
    }
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        content:params,
        //...
    });
    Java代码
    var params = {
        username:’Mark’,
        id:’105’
    }
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        content:params,
        //...
    });
    view plaincopy to clipboardprint?
    var params = {
        username:’Mark’,
        id:’105’
    }
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        content:params,
        //...
    });
    var params = {
        username:’Mark’,
        id:’105’
    }
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        content:params,
        //...
    });
    注意那个content参数，你要传入的参数是个关联数组/object，dojo会自动把参数解析出来，要使用post方法？ dojo.xhrGet ---> dojo.xhrPost 其他的还有 dojo.xhrPut dojo.xhrDelete json 那要是我想更换获取到的数据类型，比如json？xml？ 修改handleAs即可，如： handleAs: "json" Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        handleAs: "json",
        load: function(json)
        {
            alert(json.name)
        }
        //...
    });
    Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        handleAs: "json",
        load: function(json)
        {
            alert(json.name)
        }
        //...
    });
    Java代码
dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        handleAs: "json",
        load: function(json)
        {
            alert(json.name)
        }
        //...
    });
    view plaincopy to clipboardprint?
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        handleAs: "json",
        load: function(json)
        {
            alert(json.name)
        }
        //...
    }); 
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        handleAs: "json",
        load: function(json)
        {
            alert(json.name)
        }
        //...
    });
    引用
    handleAs: "json-comment-filtered" 使用注释符号/**/把json数据包含起来,推荐使用 handleAs: "json-comment-optional" 首先尝试使用json-comment-filtered,如果执行错误,再使用普通的json格式解析 handleAs: "javascript" dojo尝试把服务器返回的数据当作javascript执行,并把结果作为参数传递给load函数 handleAs: "xml" xml对象。注意在Mozilla和IE中的xml是不同的，推荐使用sarissa
    至于json和object的转换等，在http://dojotoolkit.org/book/dojo-book-0-9/part-3- programmatic-dijit-and-dojo/other-miscellaneous-function/converting-json 有一个表格，应该能找到你需要的。 想要直接提交一个表单,就这样: Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        form: dojo.byId("form1")
        //...
    });
    Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        form: dojo.byId("form1")
        //...
    });
    Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        form: dojo.byId("form1")
        //...
    });
    view plaincopy to clipboardprint?
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        form: dojo.byId("form1")
        //...
    });
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        form: dojo.byId("form1")
        //...
    });
    要解决IE下那个臭名昭著的缓存问题，就这样,preventCache会帮你自动生成一个timestamp Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        preventCache: true
        //...
    });
    Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        preventCache: true
        //...
    });
    Java代码
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        preventCache: true
        //...
    });
    view plaincopy to clipboardprint?
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        preventCache: true
        //...
    });
    dojo.xhrGet({
        url: "http://localhost/hello/sayHello.jsp",
        preventCache: true
        //...
    });
    dojo.hitch scope/context 既然用到了xmlhttp，一个常见的问题就是回调函数的scope/context。在prototype、mootools里我们常用Function.bind，在dojo中，做相同事情的东西叫做dojo.hitch Java代码
    var handler = {
        name:’Mark’,
        execute1: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: function(text)
                {
                    console.dir(this);
                    alert(this.name);//输出undefined,这里的this表示当前io参数
                }
                //...
            });
        },
        load: function(text){
            alert(this.name);
        },
        execute2: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: dojo.hitch(this,"load") //输出Mark
                //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx
                //...
            });
        }
    }
    Java代码
    var handler = {
        name:’Mark’,
        execute1: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: function(text)
                {
                    console.dir(this);
                    alert(this.name);//输出undefined,这里的this表示当前io参数
                }
                //...
            });
        },
        load: function(text){
            alert(this.name);
        },
        execute2: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: dojo.hitch(this,"load") //输出Mark
                //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx
                //...
            });
        }
    }
    Java代码
    var handler = {
        name:’Mark’,
        execute1: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: function(text)
                {
                    console.dir(this);
                    alert(this.name);//输出undefined,这里的this表示当前io参数
                }
                //...
            });
        },
        load: function(text){
            alert(this.name);
        },
 execute2: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: dojo.hitch(this,"load") //输出Mark
                //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx
                //...
            });
        }
    }
    view plaincopy to clipboardprint?
    var handler = {
        name:’Mark’,
        execute1: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: function(text)
                {
                    console.dir(this);
                    alert(this.name);//输出undefined,这里的this表示当前io参数
                }
                //...
            });
        },
        load: function(text){
            alert(this.name);
        },
        execute2: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: dojo.hitch(this,"load") //输出Mark
                //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx
                //...
            });
        }
    } 
    var handler = {
        name:’Mark’,
        execute1: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: function(text)
                {
                    console.dir(this);
                    alert(this.name);//输出undefined,这里的this表示当前io参数
                }
                //...
            });
        },
        load: function(text){
            alert(this.name);
        },
        execute2: function(){
            dojo.xhrGet({
                url: "http://localhost/hello/sayHello.jsp",
                handleAs: "text",
                error: dojo.hitch(this,"load") //输出Mark
                //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx
                //...
            });
        }
    }
    OK，基本的东西解决了，还有很多常用的函数没有介绍，比如：dojo.query，dojo.forEach，dojo.marginBox，dojo.contentBox等等 这个就没事翻翻dojo.js.uncompressed.js源代码，dojo的文档是没啥好指望的了。 面向对象,定义Class 下一步我们看看dojo里如何定义Class： Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
        },
        say:function(){
            alert("Hello " + this.name);
        },
        getDiscount:function(){
            alert("Discount is 1.0");
        }
    });
    var customer1 = new Customer("Mark");
    customer1.say();
    Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
        },
        say:function(){
            alert("Hello " + this.name);
        },
        getDiscount:function(){
            alert("Discount is 1.0");
        }
    });
    var customer1 = new Customer("Mark");
    customer1.say();
    Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
        },
        say:function(){
            alert("Hello " + this.name);
        },
        getDiscount:function(){
            alert("Discount is 1.0");
        }
    });
    var customer1 = new Customer("Mark");
    customer1.say();
    view plaincopy to clipboardprint?
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
        },
        say:function(){
            alert("Hello " + this.name);
        },
        getDiscount:function(){
            alert("Discount is 1.0");
        }
    });
    var customer1 = new Customer("Mark");
    customer1.say();
    dojo.declare("Customer",null,{
        constructor:function(name){
      &,nbsp;     this.name = name;
        },
        say:function(){
            alert("Hello " + this.name);
        },
        getDiscount:function(){
            alert("Discount is 1.0");
        }
    });
    var customer1 = new Customer("Mark");
    customer1.say();
    declare有三个参数: 第一个 class名字 第二个 父类的引用 第三个 ... 构造函数的名字就叫做"construnctor" 再来看看如何继承: Java代码
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            alert("Discount is 0.8");
        }
    });
    var vip = new VIP("Mark");
    vip.say();
    vip.getDiscount();
    Java代码
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            alert("Discount is 0.8");
        }
    });
    var vip = new VIP("Mark");
    vip.say();
    vip.getDiscount();
    Java代码
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            alert("Discount is 0.8");
        }
    });
    var vip = new VIP("Mark");
    vip.say();
    vip.getDiscount();
    view plaincopy to clipboardprint?
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            alert("Discount is 0.8");
        }
    });
    var vip = new VIP("Mark");
    vip.say();
    vip.getDiscount();
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            alert("Discount is 0.8");
        }
    });
    var vip = new VIP("Mark");
    vip.say();
    vip.getDiscount();那么，如何调用父类的方法呢。使用this.inherited方法 Java代码
 dojo.declare("VIP",Customer,{
        getDiscount:function(){
            this.inherited(arguments);
            //this.inherited("getDiscount",arguments);
        }
    });
    Java代码
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            this.inherited(arguments);
            //this.inherited("getDiscount",arguments);
        }
    });
    Java代码
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            this.inherited(arguments);
            //this.inherited("getDiscount",arguments);
        }
    });
    view plaincopy to clipboardprint?
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            this.inherited(arguments);
            //this.inherited("getDiscount",arguments);
        }
    }); 
    dojo.declare("VIP",Customer,{
        getDiscount:function(){
            this.inherited(arguments);
            //this.inherited("getDiscount",arguments);
        }
    });
    关于构造函数: 父类构造函数总是被自动调用的，所以看下面的例子: Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
            alert("base class");
        },
        say:function(){
            alert(this.name);
        }
    });
    dojo.declare("VIP",Customer,{
        constructor:function(age){
            this.age = age;
            alert("child class");
        },
        say:function(){
            alert("name:" + this.name);
            alert("age:" + this.age);
        }
    });
    var vip = new VIP("123");//1
    vip.say();//2
    Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
            alert("base class");
        },
        say:function(){
            alert(this.name);
        }
    });
    dojo.declare("VIP",Customer,{
        constructor:function(age){
            this.age = age;
            alert("child class");
        },
        say:function(){
            alert("name:" + this.name);
            alert("age:" + this.age);
        }
    });
    var vip = new VIP("123");//1
    vip.say();//2
    Java代码
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
            alert("base class");
        },
        say:function(){
            alert(this.name);
        }
    });
    dojo.declare("VIP",Customer,{
        constructor:function(age){
            this.age = age;
            alert("child class");
        },
        say:function(){
            alert("name:" + this.name);
            alert("age:" + this.age);
        }
    });
    var vip = new VIP("123");//1
    vip.say();//2
    view plaincopy to clipboardprint?
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
            alert("base class");
        },
        say:function(){
            alert(this.name);
        }
    });
    dojo.declare("VIP",Customer,{
        constructor:function(age){
            this.age = age;
            alert("child class");
        },
        say:function(){
            alert("name:" + this.name);
            alert("age:" + this.age);
        }
    });
    var vip = new VIP("123");//1
    vip.say();//2
    dojo.declare("Customer",null,{
        constructor:function(name){
            this.name = name;
            alert("base class");
        },
        say:function(){
            alert(this.name);
        }
    });
    dojo.declare("VIP",Customer,{
        constructor:function(age){
            this.age = age;
            alert("child class");
        },
        say:function(){
            alert("name:" + this.name);
            alert("age:" + this.age);
        }
    });
    var vip = new VIP("123");//1
    vip.say();//2
  1将打印出两条alert语句，先是父类的构造函数，再是子类的。 2将输出"name: 123" "age: 123" 个人认为，这个特性并不好，因为javascript这种弱类型的语言中，根本无法确定构造函数中的参数是传递给谁的，就比如上面的语句执行后， name="123",age="123"，那哪个才是正确的？这个问题在使用dojo Grid的model里就很麻烦，定义一个model得这样:new dojox.grid._data.Table(null,null,data);我要是想扩展这个Model，更麻烦，所有子类的构造函数都被父类给搞乱了。所以推荐的做法是使用关联数组作为构造函数的参数，就像Python里的关键字参数。 Java代码
    constructor:function(args){
        var args = args || {};
        this.name = args.name;
        this.age = args.age;
    }
    Java代码
    constructor:function(args){
        var args = args || {};
        this.name = args.name;
        this.age = args.age;
    }
    Java代码
    constructor:function(args){
        var args = args || {};
        this.name = args.name;
        this.age = args.age;
    }
    view plaincopy to clipboardprint?
    constructor:function(args){
        var args = args || {};
        this.name = args.name;
        this.age = args.age;
    } 
    constructor:function(args){
        var args = args || {};
        this.name = args.name;
        this.age = args.age;
    }
    多继承,mixin 说到继承，多继承的问题又来了。dojo支持多继承，准确地说，是mixin。还记得dojo.declare的第二个参数吗，就是表示父类的那个参数，这个参数可以是一个数组，数组的第一个元素作为声明的类的父类，其他的作为mixin。子类自动获得父类和mixin的所有方法，后面的 mixin的同名方法覆盖前面的方法 Java代码

Dojo入门：初识Dojo
weixin_30776273的博客
06-09 190
Dojo的全称是Dojo Toolkit，始创于2004年，是当前各种蓬勃发展的JS工具包中的佼佼者。Dojo 为富互联网应用程序(RIA) 的开发提供了完整的端到端的解决方案，包括核心的 JavaScript 库，简单易用的小部件（Widget）系统和一个测试框架，此外，Dojo 的开源开发社区还在不停地为它提供新的功能。 Dojo特性 Dojo Toolkit 的特性可以分到 4 个...
Dojo 基础入门(一)
w的专栏
03-31 1910
摘要本文介绍了Dojo的基本相关信息，并通过一些简单示例让大家对Dojo有一个初步的感性认识。之后介绍了开发环境的准备以及在开发过程中需要具备的概念。由于新版本的Dojo对以前的0.4版本上做了重大变革，而现有的很多资源还是基于原有版本进行介绍的，这难免会引起初学者的困惑。本文尽量使用深入浅出的方式，通过简短、平实的文字把Dojo介绍给大家，以便初学者可以很容易的了解Dojo,能够在最短时
Dojo入门篇
weixin_33795833的博客
06-01 122
      Dojo是一个JavaScript实现的开源DHTML工具包，Dojo最初的目标是解决开发HTML应用程序中遇到的一些长期存在的问题。然而如今Dojo已经成为了开发RIA应用程序的利器。      Dojo让Web页面具有动态能力，我们能够在其它支持JavaScript的环境中使用Dojo。      利用Dojo提供的组件。能够提升Web应用程序的可用性和交互能力。      D...
Dojo入门Hello World！
我的博客
06-03 1768
本文的目的是为Dojo的入门者提供一个起点。每一个步骤都是为了尽可能多的介绍Dojo，但也不可能非常详尽，描述的太详尽反而会把入门用户搞糊涂了。如果需要了解本文中提到的概念，请查看底部指向其他资源的链接。入门要求很明显，第一步是你需要Dojo！你可以从 http://dojotoolkit.org/downloads 下载最新的稳定版本.第二步，你需要一个Web服务器.无论是连网服务器或者
dojo入门（1）
一室阳光，温暖你我他！
04-13 1083
常用包介绍Dojo 1.1.1 提供了上百个包，这些包分别放入三个一级命名空间：Dojo，Dijit 和 DojoX 。其中 Dojo 是核心功能包 , Dijit 中存放的是 Dojo 所有的 Widget 组件，而 DojoX 则是一些扩展或试验功能，DojoX 中的试验功能在成熟之后有可能在后续版本中移入到 Dojo 或 Dijit 命名空间中。由于 Dojo 包种类繁多，下面只列举
图书：Dojo入门
03-27
《Dojo入门》这本书主要介绍了Dojo JavaScript库的使用，帮助初学者快速掌握这个强大的前端开发工具。Dojo是一个开源的JavaScript框架，旨在提供一站式的解决方案，包括UI组件、数据管理、动画效果、Ajax交互等功能...
Dojo入门指南-中文版
02-18
在《Dojo入门指南-中文版》中，读者将深入理解Dojo的核心概念，学习如何有效地使用这个框架来提升Web应用的性能和可维护性。 首先，Dojo的模块化系统是其独特之处，它基于AMD（Asynchronous Module Definition）...
dojo入门资料
02-11
内容很丰富，给有需要的人，壮大dojo社区
dojo入门实例介绍
09-27
Dojo 是一个强大的JavaScript工具库，它为Web开发提供了丰富的功能和组件，包括DOM操作、事件处理、动画效果、模块管理以及数据存储等。本文将通过一系列实例，帮助初学者快速掌握Dojo的核心概念和使用方法。 首先...
Dojo入门手册.rar
07-09
3 设置和配置Dojo................................. 4 3.1 选择正确的Dojo........... 4 3.1 选择正确的Dojo创建.............4 3.2 动态加载 package....5 3.3 定制的创建............. 5 4 应用：旅行路线...
dojo入门
My english is poor,but I am happy to speak my poor english!
11-29 179
http://www.bestunix.net/p/dojobook1.php http://ajax.org/forum/posts/list/127.page;jsessionid=71AD3949C1121A160EDCFAB41596016C
Dojo简单入门
qubeijun的博客
03-19 605
Dojo是一个用javascript语言实现的开源DHTML工具包。 以前从来没听过，PM说未来项目需要，所以就用一天时间大概过了一遍。中文教程确实非常少，找教程找了半天找到了一个，但对于小白来说入门是非常容易了。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <title>Di...
DOJO入门(1)-Hello,World!
mint的专栏
12-16 3894
 参考原文地址：http://dojo.jot.com/WikiHome/HelloWorld一、建立一个DOJO的环境然后建立以下的目录树，将dojo的内容全部复制到其中，就象这样:   OK，接下来，新建一个HTML页：      Dojo: Hello World!                二、添加
dojo入门学习
chagaostu的专栏
10-23 1047
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Dojo Toolkit Test Page <mce:script type="text/javascript" src="js/dojotoolki
dojo入门教程
springmvc_freemarker的博客
12-30 2122
dojo入门教程 源代码下载地址：http://www.zuidaima.com/share/1729733638032384.htm
dojo入门总结
心如止水 宠辱不惊
10-17 730
引用dojo的引用 js中，某些属性名字类似于font-size 和 border-top ,要使用大小写组合来代替“-”，变成fontSize 和 borderTop 1. Dojo可以runtime实时设定各种配置信息。parseOnLoad用来处理页面装载解析widgets和添加代码,isDebug用来打开和禁止特定的debugging信息。     djConfig="parseO
Dojo 学习笔记–dojo模块引用 和上下文绑定
我的程序人生(亦山札记)
02-09 2434
1. dojo 的模块化         dojo 的模块化是指，dojo将每个冗杂的js代码有组织的分割开，划分为模块，需要该模块时，将其引入，即可使用，这个类似于在java代码里的 import 语句；         比如我们需要dojo.a.b 模块，只需要执行下面的语句: require("dojo.a.b"); // 实际上这个是相当于加载dojo/a/b.js 文件
Dojo 调用 js中的方法
炘的专栏
06-22 5681
HTML代码： 按钮 var dojoConfig = { async: true, //此代码寄存器的“演示”包正确的位置，所以我们可以从CDN加载Dojo的同时还能够加载本地模块 packages: [{
关于dojo模块化引入包的问题
weixin_30773135的博客
09-22 173
关于dojo模块化引入包的问题 Dojo引擎一碰到require函数，就会把相应的javascript文件载入。但是如果本地资源和在线资源同时存在，就会出现问题。在编程过程中就遇到了这个问题，下面就记录下出现的问题以及解决过程。 文件结构如图，index.html是html内容，样式设计在index.css中，加载地图在map.js中，zhaomapPage.js是写好的程序，measu...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值