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; } } });
相关推荐
Chasingsun 2013-05-16
Elna 2020-01-09
binglingnew 2019-12-03
lancelotlewis 2014-01-21
FruitHardCandy 2015-03-04
小新正在敲代码 2015-10-22
小新正在敲代码 2016-04-14
人生百态 2017-09-26
jethai 2019-09-07
jethai 2019-07-01
Joyine 2019-07-01
earthhour 2019-06-30
Chasingsun 2019-06-30
lancelotlewis 2019-06-29
qianqinggang 2019-06-29
jjjjjj 2019-06-29
qianqinggang 2019-06-28
FoolishInfanta 2016-11-08
YOKOELEMENT 2016-09-28