https://github.com/cevio/tronjs.js

Global TronJS Scripts Loader.
https://github.com/cevio/tronjs.js

Last synced: 4 days ago
JSON representation

Global TronJS Scripts Loader.

• Host: GitHub
• URL: https://github.com/cevio/tronjs.js
• Owner: cevio
• Created: 2014-05-13T07:08:03.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-25T10:45:22.000Z (almost 10 years ago)
• Last Synced: 2023-03-27T18:03:22.604Z (over 1 year ago)
• Language: JavaScript
• Homepage: http://tron.webkits.cn/document/tronjs.html
• Size: 1020 KB
• Stars: 4
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Scripts Loader for javascript/asp.

=========

## TranJS | TronASP  TronStudio

基于IIS的前后端jscript框架。用户敏捷开发和快速开发。能与NODEJS并行开发，语法基本一致。

tronasp遵循COMMONJS规范， tronjs遵循AMD规范。

TronJS能加载几乎99.99%的国际AMD规范插件和框架。TronASP同样能加载遵循规范的插件。能在前后端保持一致性。

### TronJS : Get Start

我们首先引入前端的tronjs框架

    http://tron.webkits.cn/tron.min.js

然后我们再引入框架的配置文件，如果需要自己配置的，可以引用自己的配置文件

    http://tron.webkits.cn/tron.maps.js

    

### Tronjs ：How to use require

基本使用：

```javascript

    require('jquery').then(function(jQuery){

        if ( !window.jQuery ){

            window.$ = window.jQuery = jQuer[0];

        }

    });

```

    

不过你也可以这样写：

```javascript

    require('jquery', function(jQuery){

        if ( !window.jQuery ){

            window.$ = window.jQuery = jQuery;

        }

    });

```

我们的每个require返回的都是一个[Promise][1]对象。

不过比较特殊的情况是我们在页面上定义了script标签，也指向了地址，你同样可以用来require这个模块，同时不会重复加载。

```html

    

    

        require('jquery', function(){

            alert('load ok');

        });

    

```

### Tronjs : how to define a module

我们采用以下的模式来定义模块

```javascript

    (function (mod) {

        if (typeof exports == "object" || typeof exports === 'function' && typeof module == "object") {

            module.exports = mod();

        }

        else if (typeof define == "function" && define.amd) {

            return define(['jquery'], mod);

        }

        else {

            window.md5 = mod(jQuery);

        }

    })(function ( $ ) {

        // your code here.

    });

```

    

**define(id, deps, factory, async);**

    // id: 模块自定义路径名

    // deps: 依赖关系数组

    // factory: 模块主体函数或者对象

    // async: 该模块下是否使用依赖关系的串行加载

### TronASP : Get Start

我们首先必须引入我们的主框架

	

	

值得注意的是我们必须要设置框架的基址。

```javascript

	modules.setBase('myweb/blog');

	// 同时你需要注意，我们的tron_modules文件夹必须放在基址的myweb/blog/文件夹下面

```

然后引用我们的组件，注意，组件的映射是采用跟nodejs一样的选择方式。首先会选择`tron_modules`文件夹中的组件，在采用相对或者绝对地址。

```javascript

	var a = require('cookie');

	a.cookie('a', 'tronasp');

```

### TronASP : define module

模块中有这么写参数  require exports module __filename __dirname contrast resolve

这里我就不一一介绍了，基本和nodejs的一样。我们来看一个列子

```javascript

	var a = new Class(function(b){

		this.b = b;

	});

	

	module.exports = a;

```

调用：

```javascript

	var a = require('a');

	var b = new a(3);

	console.log(b.b);

	// ouput: 3

```

基本我们介绍完毕，请前往主要的文档进行参考。

  [1]: https://github.com/jakearchibald/es6-promise "Promise"