Componentsmodjs

modjs, 是 FIS(前端集成解决方案)的前端框架,主要用于模块管理和加载,适用于线上运行时,具有代码精简、使用简单、运行高性能的特点。

下载最新

  $ lights install modjs
一共下载 435 次
版本1.0.5
发布时间2014-05-05 16:54:56
关键词kernal,    
维护者
代码库https://github.com/walterShen/modJS
下载此版本
  $ lights install modjs@1.0.5
授权MIT

README.md

#modJS

简介

modJS 是 FIS(前端集成解决方案)的前端框架,主要用于模块管理和加载,适用于线上运行时,具有代码精简、使用简单、运行高性能的特点。

下载

Latest release

使用

模块的定义

  • modJS完全遵循AMD规范。使用define来定义一个模块:

    define (id, factory)

    在平常开发中,我们只需写factory中的代码即可,无需手动定义模块。发布工具会自动将模块代码嵌入factory的闭包里。

    factory提供了3个参数:require, exports, module,用于模块的引用和导出。

  • modJS的发布工具会保证你的程序在使用之前,所有依赖的模块都已加载。因此当我们需要一个模块时,只需提供一个模块名即可获取:

    require (id)

    和NodeJS里获取模块的方式一样,非常简单。

    因为所需的模块都已预先加载,因此require可以立即返回该模块。

  • 考虑到有些模块无需在启动时载入,因此modJS提供了可以在运行时异步加载模块的接口:

    require.async (names, callback)

    names可以是一个模块名,或者是数组形式的模块名列表。

    当所有都加载都完成时,callback被调用,names对应的模块实例将依次传入。

    使用require.async获取的模块不会被发布工具安排在预加载中,因此在完成回调之前require将会抛出模块未定义错误。

说明

循环引用

modJS解决循环依赖的方式是在造成循环依赖的 require 之前把需要的东西exports出去

例如:

a.js:

console.log('a starting');
exports.done = false;
var b = require('./b.js');
console.log('in a, b.done =' + b.done);
exports.done = true;
console.log('a done');

b.js:

console.log('b starting');
exports.done = false;
var a = require('./a.js');
console.log('in b, a.done =' + a.done);
exports.done = true;
console.log('b done');

main.js:

console.log('main starting');
var a = require('./a.js');
var b = require('./b.js');
console.log('in main, a.done=' + a.done + ', b.done=' + b.done);

如果在加载a的过程中,有其他的代码(假设为b)require a.js 的话,那么b可以从cache中直接取到a的module,从而不会引起重复加载的死循环。但带来的代价就是在load过程中,b看到的是不完整的a。

相关项目

前端集成解决方案:FIS

自动添加define插件:fis-modular-reqlang

Versions