Require.js 자세한 설명

php中世界最好的语言원래의: 2018-03-14 09:15:081601검색

이번에는 Require.js에 대한 자세한 설명을 들고 왔습니다. Require.js 사용 시 주의사항은 무엇인가요? 다음은 실제 사례를 살펴보겠습니다.

index.html

<!DOCTYPE html><html>
    <head>
    </head>
    <body>
        <span>body</span>
    </body>
    //将require引入，放在html页面最下方，或设置异步请求
    //即： <script src="js/lib/require.js" defer async="true"></script>
      <script src="js/require.js" data-main="js/main"></script></html>

main.js

require.config({    //配置路径
    paths: {        "jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"],        "a": "a"
    }
})require(["jquery", "a"], function($,a) {
    $(function() {              //调用即可，此处的a并无意义，仅为指示，与引入文件顺序有关，即若
              //function($,a)中a换了一种称谓，这里调用时保持一致即可
        a.fun1();
        alert("load finished");
    })
})

a.js

function fun1(){
   alert("it works");
 } //切记，如果需要在调用该函数，一定要记得返回，个人理解为暴露接口return {     fun1: fun1
 };
})```

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 내용을 보려면 PHP의 다른 관련 기사에 주목하세요. 중국사이트!