推荐dojo学习笔记


Posted in Javascript onMarch 24, 2007

在引用dojo.js前,最好声明djConfig对象,以便在加载dojo.js时能够取得所设置的值,虽然在0.3版本以后dojo支持在加载后设置,但是强烈建议你把声明djConfig的代码作为第一段script:
一个完整的djConfig对象定义如下(值均为dojo的默认值)
js 代码
var djConfig = {    
   isDebug: false,    
   debugContainerId: "",    
   bindEncoding: "",    
   allowQueryConfig: false,    
   baseScriptUri: "",    
   parseWidgets: true   
   searchIds: [],    
   baseRelativePath: "",    
   libraryScriptUri: "",    
   iePreventClobber: false,    
   ieClobberMinimal: true,    
   preventBackButtonFix: true,    

debugContainerId同样也是与调试有关的,如果不指定的话,调试信息将会直接利用 document.write输出,这样可能会破坏页面的整体布局,所以你可以指定任何一个可以作为容器的html元素的id作为调试信息输出容器
allowQueryConfig,这个属性指明 dojo是否允许从页面url的参数中读取djConfig中的相关属性,当值为true时,dojo会优先从url参数中读取djConfig的其他属性,比如: http://server/dojoDemo.htm?djConfig.debugContainerId=divDebug
baseScriptUri,一般不需要设置,dojo会自动根据你引用dojo.js的路径设置这个值,比如,<script src="../dojo/dojo.js" type="text/javascript"></script>,自动获取的值便是 ../dojo/
ps: 如果你有多个工程需要同时引用dojo.js的话,建议也把dojo当作一个独立的工程,引用的时候采用绝对路径就可以了
parseWidgets,这个是可以控制dojo是否自动解析具有dojoType的html元素为对应的widget,如果你没有使用任何Widget,建议设置为false以加快dojo的加载速度
searchIds,这是一个字符串数组,定义了所有需要解析为widget的html元素的ID,如果ID不在其中的html元素是不会被解析的,当数组为空数组时,则所有具有dojoType的元素都会被解析
还有一个bindEncoding,是用来设置默认的bind请求的编码方式。
dojo.raise抛出一个异常
dojo.errorToString将异常转换为字符串
js 代码
try {    
   dojo.raise("打印失败", new Error("文件不存在"));    
} catch(e)    
{    
   alert(dojo.errorToString(e));    
}    
isDebug是一个很有用的属性,如果设置为真,则所有dojo.Debug的输出有效,开发时应该设置为true,发布时应该设置为false。
1 计算HTML中一个块的size
js 代码
dojo.style.getOuterWidth / dojo.style.getOuterHeight     
dojo.style.getInnerWidth / dojo.style.getInnerHeight   
2 修改CSS
js 代码
dojo.html.addClass(node, className)     
dojo.html.prependClass(node, className)     
dojo.html.removeClass(node, className)     
dojo.html.replaceClass(node, className, oldClassName)   
3 动画
js 代码
fadeIn, fadeShow, fadeOut, fadeHide,     
wipeIn, wipeOut      
explode, implode     
highlight, unhighlight     
举例:     
    function wipeOut(elId){    
        dojo.lfx.wipeOut(elId, 300).play();    
    }    
    function wipeIn(elId) {    
        dojo.lfx.wipeIn(elId, 300).play();    
    }    
    function fadeOut(elId){    
       dojo.lfx.html.fadeOut(elId, 300).play();    
    }    
    function fadeIn(elId){    
       dojo.lfx.html.fadeIn(elId, 300).play();    
    }    
    function opacity(elId){    
       dojo.html.setOpacity(elId, 0.5);    
    }    
    function opacityApp(){    
       $("#opacity").click(function(){    
          opacity('fadeElm');    
       });    
    }    
    function fadeInApp(){    
       $("#fadein").click(function(){    
            fadeIn('fadeElm');    
        });    
    }   dojo.lang模块:
dojo.lang.mixin将一个对象的方法和属性增加到另一个对象上:
js 代码
var s1 = {name: "TestObj", test1: function(){alert("this is test1!");}}    
var s2 = {value: 1000, test2: function(){alert("this is test2!");}}    
var d = {};    
dojo.lang.mixin(d, s1, s2); //执行后d就具备了s1和s2的所有属性和方法d.test1();   
dojo.lang.extend为指定类的原型扩展方法与属性:
js 代码
TestClass = function() {};    
dojo.lang.extend(TestClass, {name: "demo", test: function(){alert("Test!");}});    
var o = new TestClass();      
                   //TestClass本来是没有test方法的,但是extend以后就有test方法了o.test();   
dojo.lang.find=dojo.lang.indexOf查找指定对象在指定数组中的位置:
js 代码
var arr = [1,2,3,3,2,1];    
dojo.lang.find(arr, 2);   //will return 1   
dojo.lang.extrasdojo.lang.setTimeout延迟指定时间后执行指定方法:
js 代码
function onTime(msg){dojo.debug(msg)}    
dojo.lang.setTimeout(onTime, 1000, "test"); //1秒后会输出调试信息"test"  
DOM操作
js 代码
dojo.dom.isNode    
dojo.dom.getTagName    
dojo.dom.firstElement    
dojo.dom.lastElement    
dojo.dom.nextElement    
dojo.dom.prevElement    
dojo.dom.moveChildren (srcNode, destNode, trim)    
dojo.dom.copyChildren (srcNode, destNode, trim)    
dojo.dom.removeChildren(node)    
dojo.dom.replaceChildren(node, newChild)    
dojo.dom.removeNode(node)    
dojo.dom.getAncestors    
dojo.dom.getAncestorsByTag    
dojo.dom.innerXML    
dojo.dom.createDocumentFromText    
dojo.dom.prependChild    
dojo.dom.insertAfter    
dojo.dom.insertAtPosition    
dojo.dom.textContent    
先介绍这么多,祝大家周末愉快!

Javascript 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
JS 实现获取打开一个界面中输入的值
Mar 19 Javascript
JS解决url传值出现中文乱码的另类办法
Apr 08 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
Element-ui upload上传文件限制的解决方法
Jan 22 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 Javascript
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 #Javascript
tbody元素支持嵌套的注意方法
Mar 24 #Javascript
xml 与javascript结合的问题解决方法
Mar 24 #Javascript
用prototype实现的简单小巧的多级联动菜单
Mar 24 #Javascript
this[] 指的是什么内容 讨论
Mar 24 #Javascript
javascript对象的property和prototype是这样一种关系
Mar 24 #Javascript
Ajax一统天下之Dojo整合篇
Mar 24 #Javascript
You might like
php操作mysql数据库的基本类代码
2014/02/25 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
简单封装js的dom查询实例代码
2016/07/08 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
layUI实现前端分页和后端分页
2019/07/27 Javascript
微信小程序实现带放大效果的轮播图
2020/05/26 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
python使用Queue在多个子进程间交换数据的方法
2015/04/18 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
python绘制热力图heatmap
2020/03/23 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
Python list和str互转的实现示例
2020/11/16 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
应届生自我鉴定
2013/12/11 职场文书
个人对照检查材料
2014/02/12 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
入党积极分子党支部意见
2015/06/02 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python