最近学习了requireJS前段js模块处理，写个简单的例子作为requireJS入门。
为什么使用RequireJS
1.有效防止命名冲突
2.声明不同js文件之间的依赖
3.可以让代码以模块化的方式组织
RequireJS常用的方法
1.requirejs.config
2.requirejs
3.define
怎么进行使用呢，首先编写一个html，同时需要去官网下载requireJS的文件。http://requirejs.orh/
1.编写一个index.html
<html>
<head></head>
<body>
<!--data-main主要是引入Js主入口-->
<script src="js/require.js" data-main="js/main"></script>
</body>
</html>2.写一个模块validate.js 用来处理表单验证,这里用到define，然后要return出来，才会得到。
define(['jquery'],function($){
return {
isEmpty:function(){},
checkLength:function(){},
isEqual:function(Str1,Str2){
return str1===str2;
}
};
});
3.写一个main.js主要用来结合你调用模块的js成为自己要用的精简模块（$符号是代表jquery），我这边融合上了config.js,其实config可以独立成独立的一个文件，待会一下说明怎么写。
requirejs.config({
paths:{
jquery:'jquery-1.11.3.min'
}
});
requirejs(['jquery','validate'],function($,validate){
console.log(validate.isEqual(1,2));
});4.如果config.js单独成一个人文件就要return出去，以下文件方式把定义的东西曝露出去，如果曝露出去，在其他main.js里requirejs要包含config这个模块，也就是要引入。config.js文件如下：
define(function() {
return {
URL: {
INDEX: ctx + '/index/banner',
},
PRODUCT: {
TIME_DEPOSIT_RATE: 0.0175, // 银行定存利率
TYPE_LIMITEDTIME: 7
}
};
});==>引入的时候
requirejs(['jquery','validate','config'],function($,validate,config){
})
扫一扫
1888
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
