RequireJS基础

1、为什么使用RequireJS

有效的防止命名冲突

声明不同js文件之间的依赖

可以让我们的代码以模块化的方式组织

2、下载地址：

官网：http://requirejs.org/

下载精简版就可以。

3、RequireJS常用的方法

1)requirejs.config(指定模块别名，方便引入)

2)requirejs(引入模块，编写组代码)

3)define(编写模块，在相应的地方进行引入)

4、js文件引入：

1)一般js文件在body引入。

2)

<script src="js/jquery.js" data-main="js/main"></script>

这里通过data-main引入入口文件。main.js中.js可以省略。入口文件就是js文件加载第一个执行的js文件，就是jquery.js加载后，立即执行main.js文件

5、RequireJS常用的方法的使用

main.js文件

require.config({
paths: {
jquery: 'jquery.min'
}
});

requirejs(['jquery'], function($) {
$('body').css('background-color', 'green')
});

这里jquery.min.js省略.js

$是传入的参数，jquery通常使用美元符号

validate.js

define(['jquery'], function($){
return {
isEmpty: function() {},
checkLength: function() {},
isEqual: function(str1, str2) {
return str1 === str2;
}
}
});

修改main.js文件

require.config({
paths: {
jquery: 'jquery.min',
别名: '路径(不加.js)'
}
});
//默认是：别名: '别名'，例如validate就是 validate: 'validate'
// validates指代validate

requirejs(['jquery', 'validate'], function($, validates) {
$('body').css('background-color', 'green');
console.log('log:', validates.isEqual(1, 2));
});