作者:小小贤 | 来源:互联网 | 2023-10-14 09:06
为什么使用RequireJS有效防止命名冲突声明不同js文件之间的依赖可以是我们的代码以模块化的方式组织RequireJS常用的方法reuqirejs.config为模块设置别名r
为什么使用RequireJS
- 有效防止命名冲突
- 声明不同js文件之间的依赖
- 可以是我们的代码以模块化的方式组织
RequireJS常用的方法
- reuqirejs.config 为模块设置别名
- requirejs 将写好的模块进行引入
- define 用来编写模块,相应地方进行引入
实例:
index.html:引入require.js
main.js:引入jquery,validate.js定义别名
requirejs.config({
paths:{
jquery:'jquery-1.11.1'
}
});
//传入引入模块
requirejs(['jquery','validate'],function($,validate){
console.log(validate.isEqual(1,2))
});
validate.js:define定义模块
define(['jquery'],function($){ //需要引入模块,此处并没有使用引入的jqury模块
return {
isEmpty:function(){},
checkLength:function(){},
isEqual:function(str1,str2){
return str1=== str2;
}
}
});
更多资料:http://www.requirejs.cn/home.html
RequireJS(一)