您的位置:首页 > 产品设计 > UI/UE

requirejs的简要用法

2015-12-22 08:43 567 查看
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">以前看过一些关于requirejs的介绍和使用,脑子太笨,一直没明白,总结一下其中的简单用法,希望能对大家有用</span><img alt="大笑" src="http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif" style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);" /><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">:</span>


requirejs的使用包括三个方法:

1、require.config——初始化定义,定义别名,路径,

示例代码:

require.config({
paths:{
"jquery":"http://cdn.bootcss.com/jquery/3.0.0-alpha1/jquery",//定义别名/路径/简称
"block1":"defApp/block1"
}
});


2、require ——正式使用,requery进行按序加载:

require([//盛放被依赖模块],function(//传入被依赖模块的调用入口){

//加载完后的回调

});

示例代码:

require(["jquery","block1"],function($,block1){
// console.log($);
console.log(block1.add(1,2));
});


3、define——定义代码块,防止环境污染

define([//定义代码块的被依赖模块],function(//传入被依赖模块的调用接口){

return {

//书写自己定义的方法,属性等

}

});

示例代码:

define(["jquery"],function($){
return {
add:function(x1,x2){
return x1+x2;
}
}
});


此文用作笔记
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: