https://github.com/superraytin/duckjs
A Module Loader For JavaScript - Javascript模块加载器
https://github.com/superraytin/duckjs
Last synced: about 1 year ago
JSON representation
A Module Loader For JavaScript - Javascript模块加载器
- Host: GitHub
- URL: https://github.com/superraytin/duckjs
- Owner: superRaytin
- License: mit
- Created: 2012-12-26T03:05:39.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2014-01-20T05:57:19.000Z (over 12 years ago)
- Last Synced: 2025-01-24T05:25:17.875Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 223 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# duckJS
JavaScript模块加载器
> 在遵循AMD规范的基础上，作了一些更加方便的改进，支持定义匿名模块。
# 如何使用
```html
D.config({
alias : {
'jquery' : 'gallery/jquery-v1.7.2.min.js',
'style' : 'css/style.css'
}
});
```
# 定义模块
```html
// test.js
define( ['jquery'], function($){
D.log('模块已加载');
var fn = {
get : function(){ return 'i am a get method'; },
set : function( id, text ){
document.getElementById(id).value = text;
$('#test').html('');
}
};
return fn;
});
```
define是一个全局方法，每一个参数为一个数组，表示此模块的依赖列表，也可以是一个字符串，表示只有一个依赖。
也可以忽略第一个参数，直接定义一个无依赖的匿名模块。
# 调用模块
```html
// 加载一个样式文件
D.use('style');
D.use(['test','jquery'],function(test,$){
// your code...
});
... more code of yours ...
```
解析模块路径将优先从用户设置的config里读取，如果模块未在config里设置，才会对test启动解析过程，比如test模块url最后会被解析为path/test.js，第二个参数是模块加载完成之后的回调，参数依次为依赖模块的输出，即exports。
# 预加载 #
```html
```
在duckJS对应的script标签设置data-main属性，将会对其中的模块进行预加载（即随着页面初始时一起加载），多个模块用逗号隔开，此时模块相对路径为duckJS的路径，如果模块URL以‘/’开始，则相对于页面根路径。其原理相当于页面一加载即开始运行下面这段代码：
```html
duckJS.use(['gallery/jquery-v1.7.2.min.js', 'path/test.js'])
```
更多架构细节见 [duckJS架构详解](http://www.jsfor.com/qianduan/javascript/javascript-mo-kuai-jia-zai-qi-duckjs-jia-gou-xiang-jie.html)