AMD规范

require(['moduleA', 'moduleB', 'moduleC'], function (moduleA, moduleB, moduleC){
    // some code here
  });




/*
 require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){
    // some code here
  });
*/


/*
模块的加载进行自定义
 require.config({
    paths: {
      "jquery": "lib/jquery.min",
      "underscore": "lib/underscore.min",
      "backbone": "lib/backbone.min"
    }
  });
  //直接改变基目录
   require.config({
    baseUrl: "js/lib",
    paths: {
      "jquery": "jquery.min",
      "underscore": "underscore.min",
      "backbone": "backbone.min",
"jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min"
    }
  });
*/




/*
模块的定义
 define(function (){
    var add = function (x,y){
      return x+y;
    };
    return {
      add: add
    };
   });
//如果依赖其他模块
define(['myLib'], function(myLib){
    function foo(){
      myLib.doSomething();
    }
    return {
      foo : foo
    };
  });
--当require()函数加载上面这个模块的时候,就会先加载myLib.js文件。
*/




/*
加载非规范的模块
require.config({
    shim: {


      'underscore':{
        exports: '_'
      },
      'backbone': {
        deps: ['underscore', 'jquery'],
        exports: 'Backbone'
      }
    }
  });
require.config()接受一个配置对象,这个对象除了有前面说过的paths属性之外,还有一个shim属性,专门用来配置不兼容的模块。具体来说,每个模块要定义(1)exports值(输出的变量名),表明这个模块外部调用时的名称;(2)deps数组,表明该模块的依赖性。


比如,jQuery的插件可以这样定义:
  shim: {
    'jquery.scroll': {
      deps: ['jquery'],
      exports: 'jQuery.fn.scroll'
    }
  }
*/








/*
require.js插件
domready插件,可以让回调函数在页面DOM结构加载完成后再运行。
 require(['domready!'], function (doc){
    // called once the DOM is ready
  });
*/


define([
    'text!review.txt',
    'image!cat.jpg'
    ],


    function(review,cat){
      console.log(review);
      document.body.appendChild(cat);
    }
  );

































  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值