Require.js详解

php中世界最好的语言原创: 2018-03-14 09:15:081615浏览

这次给大家带来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中文网其它相关文章！