eaJS 简单例子,理解seaJS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了eaJS 简单例子,理解seaJS相关的知识,希望对你有一定的参考价值。

学习心得:

  记得第一次学underscore的时候,去的官网(不管什么都是官网好),呼啦一长列语法,我就一个个看,看完也不知道underscore是做什么的。就是现在underscore我也用不上,学的语法现在基本上都忘了。其实学习一个新东西一定要先知道她是什么,这样你才知道什么地方需要用到她,你学的目的不就是用到她吗?下面主要是理解seaJS的工作步骤,不求语法面面俱到。

underscore截图,还未截全,汉。。。

技术分享

seaJS开始了:(so easy)

首先是目录结构:

技术分享

index.html

<html>
    <head>
        <title>simpleCase</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>an easy method to show how to use seaJS</div>
        <script src="sea.js"></script>
        <script>
            seajs.use("mysea.js");// 皇上下令大将军去打倭寇
        </script>
    </body>
</html>

mysea.js

//大将军在调兵遣将
define(function(require,exports,module){
    var jQuery = require(‘jquery‘);// require前锋上前听令
    var mysea2 = require(‘mysea2‘);// mysea2小将军上前听令
    console.log(mysea2.show()+‘jquery version ‘+$().jquery);
});

  

mysea2.js

//sea2小将军在处理内部事务
define(function(require,exports,module){
    exports.show = function(){
        return ‘mysea2‘;
    };
});

  后记:希望在对同学理解seaJS上有所帮助,以前喜欢用英文写文章,算了,又累又慢,中文快,且能得到更多的关注,不是吗? 哈哈(欢迎就任何方面的问题指点,谢谢!)

 

以上是关于eaJS 简单例子,理解seaJS的主要内容,如果未能解决你的问题,请参考以下文章

seajs入门实例

使用seajs模块化

Java二十三设计模式之------命令模式

seaJS简介和完整实例

seaJS简介和完整实例

快速上手seajs——简单易用Seajs