우리는 RequireJS가 AMD(비동기 Module 정의, 비동기 모듈 로딩 메커니즘) 사양을 가장 잘 구현한 것 중 하나인 매우 작은 javascript모듈 로딩프레임워크이라는 것을 알고 있습니다. 최신 버전의 requireJS는 14k로만 압축되어 매우 가볍습니다. requireJS를 사용하면 프런트엔드 코드의 품질이 확실히 향상됩니다.
먼저 일반 페이지 js loading을 살펴보겠습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/index02.js" ></script>
</head>
<body>
<h1>this is a page.</h1>
</body>
</html>이때 팝업창을 동작하지 않으면 페이지가 로딩되지 않고 페이지 내용도 없습니다. 우리는 결과를 얻고 싶습니다.
아래에서는 require.js를 사용하여 작동합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/require2.1.11.js"></script>
<script type="text/javascript">
require(["js/index","js/index01"],function(){
console.log("当js加载成功后会执行的函数");
},function(){
console.log("当js加载失败后会执行的函数");
});
</script>
</head>
<body>
</body>
</html>index.js
define(function(){
console.log("this is a test!");
function test(){
console.log("haha,i am a test!");
}
test();
});위 소개를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트Other에 주목하세요. 관련 기사!
관련 읽기:
Google 크롬이 12px보다 작은 텍스트에 대해 CSS 설정을 지원하지 않으면 어떻게 해야 하나요?
memcached 및 xcache를 사용하여 PHP 캐시 최적화를 구현하는 단계
네이티브 JS에서 AJAX 및 JSONP를 구현하는 방법
위 내용은 require.js 사용에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
