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 승격 프로세스 중 모듈 정의의 표준화된 출력입니다.
CMD(Common Module Definition)는 Common Module Definition의 약어로, SeaJS 승격 과정에서 모듈 정의의 표준화된 출력입니다.
RequireJS와 SeaJS는 모두 모듈식 프레임워크를 대표합니다. AMD와 CMD는 각각 모듈성을 정의하는 방식이며 주로 코딩 스타일과 API가 유사합니다.
3. 사용 방법은 무엇입니까?
다음과 같이 코드를 복사합니다: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<스크립트>
//js 경로 구성
seajs.config({
별명:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//모듈 로드
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
다음과 같이 코드 코드를 복사합니다.
//init.js
정의(함수(요구,내보내기,모듈)){
var $ = require('jquery');
$를 반환;
});