zoukankan      html  css  js  c++  java
  • dojo学习四 dojo常用方法与扩展学习

          能坚持从dojo学习系列一 一直看到今天的四的童鞋是越来越少了,第一篇dojo学习一 之Tab选项卡接触访问次数:1160次,第二篇dojo学习二 ajax异步请求之绑定列表:1055次,第三篇dojo学习三 grid表格扩展学习:786次,可能是我的语言不够华丽,无法吸引大家的眼球,也无法让大家产生对dojo的强烈渴望,我承认我有罪,我对不起大家,对不起D。作为一个资深的前端爱好者,我觉得学习Dojo会让你更了解js的一些其他特性,如果你只是想对dom的简单操作,那么你还是继续你的jquery吧!

           说到dom操作,dojo也有在基类中集成一些常用的选择器,如:

    1 dojo.byId("domId")//返回id是domId的节点
    2 dojo.query(".className")//这里的参数是css选择器,和jquery一样
    3 dojo.style(node, style, value)//改变节点样式.

    .........

          基本上jquery上有的,它也会有,jquery没有的,它也有,比如dojo.hitch(scope, method),dojo.toJson,dojo.some,dojo.indexOf等,jquery1.6压缩后只有30几KB,dojo基类压缩后也只有30几KB,所以没有什么理由让你歧视dojo。至于你学不学,反正我是学了的。更详细的API说明请看dojo API官网 .

          刚说到dojo.hitch(scope,method)方法,它的作用类似于o.apply(f,args),我的理解是,把方法引用到对象,改变当前工作环境。如以下代码:

        function init(){        
            
    function showData(){
                
    var x=this.getData();
                dojo.byId(
    "showData").innerHTML=x;
            }
            
    var dataScr1={
                value:
    0,
                getData:
    function(){
                    
    return this.value++;
                }
            };
            
    var dataScr2={
                value:
    0,
                getData:
    function(){
                    
    return (this.value+=5);
                }
            };
            dojo.byId(
    "f1").onclick=dojo.hitch(dataScr1,showData);
            dojo.byId(
    "f2").onclick=dojo.hitch(dataScr2,showData);
        }
        dojo.addOnLoad(init);

            这里,showData里的this指针,会根据hitch的第一个参数来改变工作环境。相当于showData.apply(dataScr1),工作忙,没时间写了,就烂尾吧!

  • 相关阅读:
    Eclipse 中怎样自动格式化代码?
    如何使用Jfreechart生成柱状图?
    ADT OOP
    5.2 Construction for Reuse
    Lab6实验的一些思考
    软件构造的八个多维视图
    软件构造笔记5.1 Metrics, Morphology and External Observations of Reusability
    事后诸葛亮之感谢
    (Model)针对编译错误的友好提示
    第二次结对作业
  • 原文地址:https://www.cnblogs.com/tianxiangbing/p/dojo_api.html
Copyright © 2011-2022 走看看