官方 casync.js : www.cityooh.com
C_async.js是一款基于JQ的免费开发框架,它可以帮助您模块化各子集功能,快速构建单页面的web应用,集合了日常RIA开发中,部分常用功能,并可依据实际项目的需求进行定制化的导入。
目前,casync.js引入了page和define的概念,它是类似于sea.js的模块化加载器,可以极大的方便开发人员去划分项目结构。
下面是一个简单的实例:
首先,需要您引入以下的一些文件
config.js
( function( $ ){
var $g = window.$g = {
modules : $c.page( $( "body" ) , {
home : "js/home.js",
pageOne : "js/pageOne.js",
pageTwo : "js/pageTwo.js",
pageTre : "js/pageTre.js"
} ),
plugin : $c.page( {
pluginOne : "js/plugin/pluginOne.js",
pluginTwo : "js/plugin/pluginTwo.js",
pluginThr : "js/plugin/pluginThr.js"
} ),
global : $c.page( {
configOne : "js/config/configOne.js"
} )
};
$g.modules.home.display( function(){
console.log( "home" );
} );
$g.global.configOne.get( function(){
console.log( $g.global.configOne );
} );
} )( jQuery );home.js
$c.define( {
// 这里为page 它为申明page模块
page : $g.modules.home,
// url 注入当前js 具体实现的依赖文件
url : [ "js/homeOne.js" , "js/homeTwo.js" , "css/home.min.css" , "page/home.html" ],
constructor : function(){
var self = this;
self.say();
// return 为 外抛方法集 类似于node.js中 exports 的作用
return {
tell : function(){
self.say();
}
};
}
} );homeOne.js
$c.define( {
// 这里为parent 它指向自己的父级 page
parent : $g.modules.home,
url : [ "js/homeThr.js" ],
constructor : function(){
var self = this;
return {
say : function(){
console.log( self );
}
};
}
} );casync.js RIA快速构建开发,布布扣,bubuko.com
原文:http://blog.csdn.net/nihaox1/article/details/28390497