美文网首页
Require.js初学

Require.js初学

作者: 天上月丶 | 来源:发表于2016-12-27 16:59 被阅读13次

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
 };
})```

相关文章

  • Require.js初学

    index.html main.js a.js

  • AMD-requirejs

    require.js使用教程 下载require.js, 并引入 官网: http://www.requirejs...

  • 入门require.js

    入门require.js 1.为什么使用require.js 传统依次加载多个js文件 传统方法的缺点: (1) ...

  • 阮一峰关于require.js用法的笔记

    require.js的用法 - 阮一峰的网络日志 现在官网上下载require.js, 1 . 在body底部加载...

  • Require.js

    通过require.js 可以对javascript文件进行别样引用Require.js的使用:第一步: 只需在h...

  • 2018-05-10

    require.js的使用 require.js可以实现js文件的异步加载,使代码维护更加方便,并且也会使页面的渲...

  • require.js

    最近项目需要用require.js所以就看了看,以下为require.js的基本用法。参考文献:菜鸟教程:http...

  • 前端模块化的思考

    commonJs module.exports = {}require()同步 AMD & require.js ...

  • 学习require.js(转)

    前言 提到require.js大多数人会说提到模块化开发,AMD等等,其实require.js并没有这么多复杂的概...

  • requirejs commonjs与es6的import写法对

    require.js 首先定义: 然后require: CommonJS ES6的写法

网友评论

      本文标题:Require.js初学

      本文链接:https://www.haomeiwen.com/subject/vulevttx.html