RequireJS(一)
作者:互联网
为什么使用RequireJS
- 有效防止命名冲突
- 声明不同js文件之间的依赖
- 可以是我们的代码以模块化的方式组织
RequireJS常用的方法
- reuqirejs.config 为模块设置别名
- requirejs 将写好的模块进行引入
- define 用来编写模块,相应地方进行引入
实例:
index.html:引入require.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body&g 大专栏 RequireJS(一)t;
<script src="js/require.js" data-main="js/main"></script>
</body>
</html>
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;
}
}
});
标签:function,jquery,js,模块,引入,validate,RequireJS 来源: https://www.cnblogs.com/lijianming180/p/12251318.html