0.4.3에서 1.0.0으로 업그레이드

mdui.$ 업데이트

0.4.3에서는 mdui.JQ였으나, 1.0.0에서 mdui.$로 이름이 변경되었습니다.

이렇게 변경하면 ES6 모듈화 환경에서 다음과 같은 방식으로 mdui.$를 가져올 수 있어 사용이 더욱 편리해집니다.

import { $ } from 'mdui';

mdui.$에는 여러 메서드의 기능이 확장되었으나 여기서는 생략합니다. 아래에는 0.4.3과 호환되지 않는 업데이트 부분만 나열합니다.

.width(), .height(), .innerWidth(), .innerHeight() 변경

0.4.3에서는 패딩 포함 여부가 box-sizing 속성 값에 따라 달라졌습니다.

1.0.0에서는 너비와 높이가 box-sizing 속성과 무관합니다. 변경 후 jQuery와 일관성을 유지합니다.

.offset(), .position() 변경

0.4.3에서 반환 값 형식은 { top: number, left: number, width: number, height: number }였습니다.

1.0.0에서 반환 값 형식은 { top: number, left: number }로 변경되었습니다. 변경 후 jQuery와 일관성을 유지합니다.

.children(), .parent(), .parents(), .prev(), .prevAll(), .next(), .nextAll(), .siblings() 변경

0.4.3에서 매개변수는 CSS 선택자, DOM 요소, 배열 등 다양한 유형이 가능했습니다.

1.0.0에서 매개변수는 CSS 선택자 유형만 가능합니다. 변경 후 jQuery와 일관성을 유지합니다.

.has() 변경

0.4.3에서 매개변수는 CSS 선택자, DOM 요소, 배열 등 다양한 유형이 가능했습니다.

1.0.0에서 매개변수는 CSS 선택자 또는 DOM 요소만 가능합니다. 변경 후 jQuery와 일관성을 유지합니다.

.ready() 제거

0.4.3에서는 $(document).ready(function () {})를 사용하여 DOM 로드가 완료된 후 실행할 함수를 호출할 수 있었습니다.

1.0.0에서는 이를 $(function () {})로 교체하십시오.

.ajax() 변경

0.4.3에서 .ajax() 메서드의 반환 값은 XMLHttpRequest 객체였습니다. 또한 jsonp 요청 전송을 지원했습니다.

1.0.0에서 반환 값은 Promise로 변경되었습니다. 또한 이 메서드는 더 이상 jsonp 요청을 지원하지 않습니다.