关于requireJs基础的总结
来源:互联网 发布:祁县哪个宽带网络好 编辑:程序博客网 时间:2024/06/11 00:35
1、jqueryjs主要部分
① 首先依赖文件 jquery.js
② 配置文件 config.js
<script type="text/javascript" src="require.js" data-main="config.js"></script>
config.js:
requirejs.config({
baseUrl: './', //js 依赖文件基础路径
paths : {
jquery :'lib/jquery.min'
}
shim:{
'path/unAmd':{//'path/unAmd' 为非AMD规范的js库 在 jqueryjs中与AMD规范同样引用 exports导入对应方法(一个)
exports:'funcName',
}
'path/unamd2':{//导入多个方法时
init: function(){
name1:'funcname1',
name2:'funcname2'
}
}
}
});
③ define 定义AMD 规范库,返回对象即被引用时的参数
define(function(){
return {
name:'ami',
work:function(){
'work';
}
}
})
④ requirejs 可调用AMD或非AMD规范的库(需要特殊处理)
requirejs(['a','b'],function(a,b){
//a、b 为 define 返回对象
})
⑤ require 可以调用define的库或paths中的库
require(['jquery'],function(jq){
jq 即为jquery对象
或者
require('jquery')
});
注:
1)requirejs同require,但是requirejs不能访问 path定义的值,相反require 可以访问path定义的(js文件或路径)还有其他的js文件,所以建议使用require而不是requirejs
2)require依赖必须是直接指向js文件,而shim属性名必须和require依赖名相同(通过path定义文件路径或文件)
① 首先依赖文件 jquery.js
② 配置文件 config.js
<script type="text/javascript" src="require.js" data-main="config.js"></script>
config.js:
requirejs.config({
baseUrl: './', //js 依赖文件基础路径
paths : {
jquery :'lib/jquery.min'
}
shim:{
'path/unAmd':{//'path/unAmd' 为非AMD规范的js库 在 jqueryjs中与AMD规范同样引用 exports导入对应方法(一个)
exports:'funcName',
}
'path/unamd2':{//导入多个方法时
init: function(){
name1:'funcname1',
name2:'funcname2'
}
}
}
});
③ define 定义AMD 规范库,返回对象即被引用时的参数
define(function(){
return {
name:'ami',
work:function(){
'work';
}
}
})
④ requirejs 可调用AMD或非AMD规范的库(需要特殊处理)
requirejs(['a','b'],function(a,b){
//a、b 为 define 返回对象
})
⑤ require 可以调用define的库或paths中的库
require(['jquery'],function(jq){
jq 即为jquery对象
或者
require('jquery')
});
注:
1)requirejs同require,但是requirejs不能访问 path定义的值,相反require 可以访问path定义的(js文件或路径)还有其他的js文件,所以建议使用require而不是requirejs
2)require依赖必须是直接指向js文件,而shim属性名必须和require依赖名相同(通过path定义文件路径或文件)
阅读全文
0 0
- 关于requireJs基础的总结
- 【requirejs】基础总结
- 关于requirejs的用法
- requirejs angularjs 的总结
- RequireJS的入门,基础用法
- 关于requirejs的错误整理
- RequireJS基础
- requirejs基础
- requirejs基础
- Seajs和requireJS的模块化开发总结
- 关于HTML基础的总结
- AMD规范&RequireJs基础
- RequireJS知识总结
- requireJS应用总结
- RequireJS学习总结
- 关于requireJS的适用场合以及与seaJS的比较
- java基础 关于内存地址的总结
- 关于OC语言基础的总结
- yii2常用方法
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- hdoj 2001
- 面试题目
- SqlServer循环查询
- 关于requireJs基础的总结
- mysql语句执行顺序
- 排序算法
- Java并发编程:volatile关键字解析
- The content of the adapter has changed but ListView did not receive a notification终极解决方法
- Java设计模式详解之一工厂方法模式
- PHP CLI下的配置处理
- ZOJ
- hdoj 2002