博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
rquirejs
阅读量:6504 次
发布时间:2019-06-24

本文共 1334 字,大约阅读时间需要 4 分钟。

hot3.png

requirejs 实现了规范  

语法: require([module], callback);

解释: 是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义

//翻译字段

{
{ if status==4 }}            hello{
{/if}}

通行的Javascript模块规范共有两种:和

加入有一个main.js 进行比较

 

  var math = require('math');  math.add(2,3); // 5

 require(['math'], function (math) {    math.add(2, 3);  });

优点:异步加载 更适合于浏览器编程

 

在main.js为各个模块配置路径 

require.config({    baseUrl: "js/lib",    paths: {      "jquery": "jquery.min",      "underscore": "underscore.min",      "backbone": "backbone.min"    }  });

AMD模块的写法

require.js加载的模块,采用AMD规范 :模块必须采用特定的define()函数来定义

如果一个模块不依赖其他模块,那么可以直接定义在define()函数之中

// math.js  define(function (){    var add = function (x,y){      return x+y;    };    return {      add: add    };  }););

使用:

 // main.js  require(['math'], function (math){    alert(math.add(1,1));  });

如果这个模块还依赖其他模块,那么define()函数的第一个参数,必须是一个数组,指明该模块的依赖性。

define(['myLib'], function(myLib){    function foo(){      myLib.doSomething();    }    return {      foo : foo    };  });

加载非规范的模块

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

 shim: {    'jquery.scroll': {      deps: ['jquery'],      exports: 'jQuery.fn.scroll'    }  }

参考资料:http://www.ruanyifeng.com/blog/2012/11/require_js.html

转载于:https://my.oschina.net/jamescasta/blog/761899

你可能感兴趣的文章
网站SEO知识
查看>>
刚出锅的菜,还热乎呢,要趁热吃哟!
查看>>
mysql主从不同步时,怎么恢复
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
关于CSVDE editmethod
查看>>
[raspberry pi3] 串口线使用
查看>>
heartbeat与lvs和realserver的结合
查看>>
find 命令
查看>>
apache 开启压缩功能
查看>>
yum命令使用大全 软件安装
查看>>
POSTFIX的基本配置与管理
查看>>
关于网站从Window 2003移动到windows 2008
查看>>
WMIC 实例教程
查看>>
nfs文件共享服务器
查看>>
如何测试UDP端口连通性
查看>>
在Excel2010中创建下拉列表输入和条件格式高级应用 刘道军
查看>>
QNAP TS-219P NAS容量扩充
查看>>