当前位置:Gxlcms > JavaScript > Require.js详解

Require.js详解

时间:2021-07-01 10:21:17 帮助过:22人阅读

这次给大家带来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
 };
})```

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

怎样实现node连接mysql的方法

用JS实现排序算法

以上就是Require.js详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行