Seajs 연구 노트_Seajs

1. 소개

웹 모듈 로딩 프레임워크인 Seajs는 간단하고 자연스러운 코드 작성 및 구성 방식을 추구합니다. Sea.js는 CMD 사양을 따르고 JS 코드를 모듈화합니다. 종속성 자동 로딩과 간결하고 명확한 구성을 통해 프로그래머는 코딩에 더 집중할 수 있습니다.

2. 장점과 단점

장점:
1) 유지관리성이 향상됩니다.
2) 모듈식 프로그래밍.
3).동적 로딩, 프런트엔드 성능 최적화

단점:
1) 학습 문서가 부족하고 혼란스럽기 때문에 팀의 JS 사용 습관이 바뀌게 되며 모듈식 프로그래밍을 사용해야 합니다.
2) 현재 팀 상황에는 적합하지 않습니다. JS 파일이 많지만 변경 사항이 거의 없습니다.
3) SPM 도구, JS 패키징 및 관리 도구를 사용해야 합니다.

2. CMD와 AMD가 무엇인가요?

AMD(Asynchronous Module Definition)는 Asynchronous Module Definition의 약어로, RequireJS 승격 과정에서 표준화된 모듈 정의 출력입니다.
Common Module Definition(CMD)은 Common Module Definition의 약자로, SeaJS 승격 과정에서 표준화된 모듈 정의 출력입니다.
RequireJS와 SeaJS는 모두 모듈식 프레임워크를 대표합니다. AMD와 CMD는 각각 모듈성을 정의하는 방식이며 주로 코딩 스타일과 API가 유사합니다.

3. 사용방법은?

코드 복사 코드는 다음과 같습니다.

<script><br> //js 경로 구성<br> seajs.config({<br> 별칭:{<br> "jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"<br> }<br> } );<br> //모듈 로드<br> seajs.use('../js/seajs/init',function($){<br> $("#test_div").click(function(){alert (1) ;});<br> });<br></script>

코드 복사 코드는 다음과 같습니다:

//init.js
define(function(require,exports,module){
var $ = require('jquery');
$;
});

반환