<!-- data-main:属性作用，设置入口文件 -->
<script src="./js/require.js" data-main="./js/index"></script>
define 用来定义一个模块
define({
// ...
key: value
});
define(function( ){
// ...
return {
// ...
}
});
define(['依赖的模块路径'], function(依赖模块名称){//通过依赖来获取别的模块传递的数据在回调函数中执行
// ...
return {
// ...
};
});
// 加载模块，依赖列表[]，回调函数（当前我们要执行代码）
// require(['./js/module1.js','./js/module2.js','./js/jquery.js'],function (md1,md2,$){
// md1.sayHi();
// md2();
// $('.btn').click(function (){
// // alert('BMW');
// $(this).css('color','red');
// })
// })
// 全局配置:配置资源路径，给模块起一个别称
require.config({
baseUrl: './js',
paths: {
'module1': 'module1',
'module2': 'module2',
'module3': 'module3',
// 'jquery': 'http://libs.baidu.com/jquery/2.0.3/jquery'
'jquery': ['ahttp://libs.baidu.com/jquery/2.0.3/jquery','jquery']//设置备用资源
}
});
//在同一配置了路径之后只要require加载模块就可以执行调用了
require(['module1','module2','jquery'],function (md1,md2,$){
md1.sayHi();
md2();
$('.btn').click(function (){
$(this).css('color','red');
})
})
require是AMD最好的实现者 2019-11-14
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 初初听到书名，作为读者，揣测最多的是，为什么？为什么这个叫欧维的男人决定去死。然而在读了小说版本，看了电影版本之后...
