미니-정의
요구 사항을 기반으로 구현 된 간단한 프론트 엔드 모듈 식 프레임 워크. 요구 사항을 배우거나 긴 CMD/AMD 사양을 보거나이 미니 디 정의가 좋은 선택입니다. 이전에 sea.js 또는 require.js를 사용한 경우, 미니-정의는 더 효율적이고 가볍고 사용하기 쉽습니다. 프로젝트 주소 : Github
용법
먼저 모듈을 정의합니다
모듈을 정의하십시오
1 : 정의 기능을 사용하여 모듈을 정의하십시오
1.1 종속성이 있는지 여부에 따라 두 가지 상황이 있습니다.
1.1.1 : 종속성이없는 모듈
코드 사본은 다음과 같습니다.
정의 ( 'id', function () {
// 코드를 여기에 넣으십시오
});
1.1.2 : 종속성 모듈
코드 사본은 다음과 같습니다.
정의 ( 'id', [ 'modea', 'modeb'], function (a, b) {
// 코드를 여기에 넣으십시오
});
1.2 외부 사용을 위해 처리 결과를 반환 해야하는지 여부에 따라 두 가지 상황으로 나눌 수 있습니다.
1.2.1 반환 개체가 있습니다.
코드 사본은 다음과 같습니다.
정의 ( 'id', function () {
반품 {
// 코드를 여기에 넣으십시오
}
});
1.2.2 객체가 반환되지 않았습니다
코드 사본은 다음과 같습니다.
정의 ( 'id', function () {
// 코드를 여기에 넣으십시오
});
둘째 : 요구 사항 () 함수를 사용하여 모듈을 호출하십시오
2.1 요청 된 모듈 수에 따라 두 가지 상황이있을 수 있습니다.
2.1.1. 단일 모듈을 호출합니다
필요 ( 'modeid')
2.1.2. 여러 모듈을 호출합니다
요구 ([ 'modea', 'modeb']);
2.2 콜백 처리가 있는지 여부에 따라 두 가지 상황으로 나눌 수 있습니다.
2.2.1 콜백 처리 기능이 있습니다
코드 사본은 다음과 같습니다.
require ( 'modeid', function (mode) {
// 코드를 여기에 넣으십시오
});
요구 ([ 'modea', 'modeb'], function (a, b) {
// 코드를 여기에 넣으십시오
});
2.2.2 콜백 처리 없음
필요 ( 'modeid');
그런 다음 index.html 페이지를 차례로 켜는 필수 모듈을 참조하십시오.
코드 사본은 다음과 같습니다.
<!-코어 모듈->
<script src = "lib/core/require.js"> </script>
<!-데모 용 모듈->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
마지막으로 Min.JS 파일을 생성하는 방식으로 LIB 디렉토리를 병합하고 압축하십시오. 응용 프로그램을 게시 할 때 해당 index.html도 조정해야합니다.
코드 사본은 다음과 같습니다.
<script src = "lib/min.js"> </script>
이점:
Seajs.js 또는 원래 요구 사항과 비교하여 100 줄의 주석만있는 코드는 가벼운 것으로 묘사 될 수 있으며 뚱뚱해 보일 수 있습니다.
고급 컨텐츠 나 복잡한 기술은 전혀 없으며 학습 비용이 거의 없습니다.