Dojo 1.1 의 멋진 기능

2008. 4. 14. 22:11 from [IT] Web Tech
from Dojo 1.1 Nice Fetures on Ajaxian

Alex Russell 씨가 릴리스 노트에서 알려지지 않은  Dojo 1.1의 몇가지 기능 에 대해 썼습니다:

Core

1.1은 1.0과의 완벽한 하위 호환성을 보장합니다. 이미 여러 사이트에서 아무런 변경없이 1.1로 바꾸어 적용할 수 있었다는 보고를 받았다고 합니다. 물론, 그러면서도 성능이 좋아진 것은 물론이죠.

Animation

애니메이션에 몇가지 문법적인 추가가 있다고 합니다. 애니메이션의 시작/종료 좌표에는 값이 줄 수도 있고 계산된 시작/종료 위치를 반환하는 함수를 줄 수도 있습니다. 예컨데 { end: 30 } 구조체를 생략하고 단지 값만 주는 것도 가능합니다. 그래서 이런 것이 가능합니다:

dojo.animateProperty({
    node: "thinger",
    duration: 500,
    properties: {
        width: { end: 500 },
        height: { end: 500 }
    }
}).play();

이렇게도 됩니다:
dojo.anim("thinger", { width: 500, height: 500 }, 500);

XHR

여러 XHR에 대해 한 가지 방법으로 사용할 수 있는 통합된 dojo.xhr()을 지원합니다.

CSS Selectors

브라우저가 정상적으로 지원한다면, querySelectAll 을 사용할 수 있습니다. 조만간, dojo.query()는 이것을 호출하는 역할만 하게 될 것이라고 합니다. 또한, API의 변경 없이 지원하는 브라우저에서의 속도를 올릴 수 있다고 합니다. 점점 더 빨라지고 작아질 것이라고 하네요.

끝으로, dojo.LoadList에 재밌는 API 가 추가되었습니다. dojo.query(), dojo.attr(), dojo.anim()의 호출이 노드 그룹에서도 가능해졌습니다. 예컨데, 브라우저에서 탭 포커스를 줄 수 있는 엘리먼트를 생성하고 그려볼 수 있습니다:

dojo.require("dojo.NodeList-fx");

dojo.query("#nav> .focusable").
    attr("tabIndex", 0).
    style("border", "1px solid transparent").
    anim({
        "borderColor": { start: "yellow", end: "white" }
    });


그는 또한 AOL 웹메일이 Dojo 1.x로 업그레이드 했다고 했습니다:

Dojo 1.x 는 지금 세계 최대의 지도 서비스, 세계 최대 메일 서비스 중 하나, 어디서든 사용할 수 있는 가장 유용한 개인 정보 서비스, 제가 즐겨쓰는 RSS 리더의 프론트엔드 등의 UI에 사용되고 있습니다.

Dojo 1.1관련 다른 글


Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요