추천 도장 공부 노트_도장

dojo.js를 참조하기 전에 dojo.js가 로드될 때 설정된 값을 얻을 수 있도록 djConfig 객체를 선언하는 것이 가장 좋습니다. dojo는 0.3 버전 이후에 로드한 후 설정을 지원하지만 djConfig의 코드를 선언하는 것이 좋습니다. 첫 번째 스크립트 부분:
완전한 djConfig 개체는 다음과 같이 정의됩니다(값은 모두 dojo의 기본값입니다).
js 코드
var djConfig = {                                                            >                                   
bindEncoding: " ",
allowQueryConfig: false,
baseScriptUri: "",
parseWidgets: true
searchIds: [],
baseRel ativePath: "",
libraryScriptUri: "",
iePreventClobber: false,
ieClobberMinimal: true,
PreventBackButtonFix: true,

debugContainerId도 디버깅과 관련되어 있습니다. 지정하지 않으면 디버깅 정보가 문서 .write 출력에 직접 사용됩니다. 이는 페이지의 전체 레이아웃을 파괴할 수 있으므로 디버그 정보 출력 컨테이너
allowQueryConfig로 컨테이너로 사용할 수 있는 HTML 요소의 ID를 지정할 수 있습니다. djConfig에서 관련 속성을 가져옵니다. 값이 true이면 dojo는 url 매개변수에서 djConfig의 다른 속성을 읽는 데 우선순위를 부여합니다. http://server/dojoDemo.htm?djConfig.debugContainerId=divDebug
baseScriptUri, 일반적으로 설정이 필요하지 않습니다. Dojo는 dojo.js를 참조하는 데 사용하는 경로에 따라 이 값을 자동으로 설정합니다. 예를 들어
이고 자동으로 얻은 값은 ../dojo/
ps입니다. : 동시에 참조해야 하는 프로젝트가 여러 개 있는 경우 dojo.js의 경우 dojo를 독립적인 프로젝트로 취급하고 참조 시 절대 경로를 사용하는 것이 좋습니다.
parseWidgets를 사용하면 dojo를 자동으로 제어할 수 있습니다. DojoType이 포함된 HTML 요소를 해당 위젯으로 구문 분석합니다. No Widget을 사용하는 경우 모든 HTML의 ID를 정의하는 문자열 배열인
searchIds를 false로 설정하는 것이 좋습니다. 위젯으로 파싱해야 하는 요소. ID가 HTML 요소에 없으면 사용되지 않습니다. 파싱되고, 배열이 빈 배열인 경우 dojoType이 있는 모든 요소가 파싱됩니다.
바인딩인코딩도 있습니다. , 기본 바인딩 요청 인코딩 방법을 설정하는 데 사용됩니다.
dojo.raise가 예외를 발생시킵니다
dojo.errorToString이 예외를 문자열로 변환합니다
js 코드
try {      
 dojo.raise("인쇄 실패", new Error("파일이 존재하지 않음"));
} catch(e)
{ Alert(dojo.errorToString(e));
}
isDebug는 매우 유용한 속성입니다. true로 설정하면 모든 dojo.Debug의 출력은 유효하며 개발 시에는 true로, 게시 시에는 false로 설정되어야 합니다.
1 HTML의 블록 크기 계산
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
폭발, 내파
강조, 강조 해제 조명
예:                                                            WipeOut(elId                                 
} }
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.setOpac ity(elId , 0.5);                                                                         });
}                                                                                                                                                 lang 모듈:
dojo.lang.mixin은 한 개체의 메서드와 속성을 다른 개체에 추가합니다.
js code
var s1 = {name: "TestObj", test1: function(){alert ("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 code
TestClass = function()
dojo. lang.extend(TestClass, {name: "demo", test: function(){alert("Test! ");}})
var o = new TestClass()
dojo. =dojo.lang.indexOf는 지정된 배열에서 지정된 객체의 위치를 ​​찾습니다.
js code
var arr = [1,2,3,3,2,1]
dojo.lang. find(arr, 2); //1을 반환합니다.
dojo.lang.extrasdojo.lang.setTimeout은 지정된 시간을 지연한 후 지정된 메서드를 실행합니다.
js code
function onTime(msg){dojo. 디버그(메시지)}
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, 트림)
dojo.dom.copyChildren(srcNode, destNode, 트림)
dojo.dom.removeChildren(노드)
dojo.dom.replaceChildren(노드, newChild)
dojo.dom. RemoveNode(노드)                                                             . insertAfter