seaJs进行第一篇

标签：type   全局   好处   http   export   port   定义   后缀   多个   

一，seajs的使用的三步骤：

1，引包

<script type="text/javascript" src="sea.js"></script>

//代码压缩的好处：代码之间有空格，会浪费流量；压缩的话就会去掉空格。

2，需要载入一个主模块

　　seajs.use("./main")

　　这里的main指的是新建的main.js

　　第一个参数，是对应模块文件名，后缀可以不用写；

　　当页面加载时，seajs会帮助我们自动拿到对应的文件。

3，按照seajs的规则定义主模块：

　　这个方法是用来定义模块的

　　这个define也是seajs给的全局方法

　　需要传入一个function

　　define(function(){  //调用这个方法，就是定义一个主模块

　　　　console.log(‘哈哈‘);//在这里可以写功能代码，这里的代码会被调用 

　　});

二，再定义一个模块：

　　新建一个a.js：
　　此时main.js里面代码是：

　　define(function(require){

　　　　alert(‘我爱你中国‘); 

　　　　require(‘./yaru‘);  //通过这种功能我们想要什么功能就直接在这里require不再需要通过script标签引入！

　　});

　　像yaru.js这样的页面可以有多个，比如a.js  b.js等  只要在main.js里面用require引入就可以啦！

　　甚至可以main里面有a  a里面有b

三，seajs的官方网站【http://seajs.org】//这个网站可能是在出售，不过没关系，点击并更新就好了，就可以进去了！

　　require的作用是可以引入其他的主模块；

　　define(function(require,exports,module){

　　　　　　  module.exports=‘我是小王‘;

　　});

　　此时页面打开是会出现我是小王的字符

新建hello.js:

　　define(function(require,exports,module){

　　　　　　console.log(‘我是hello.js模块‘);

　　　　　　module.exports={

　　　　　　　　　　username:‘我是小王‘;

　　　　　　　　　　haha:function(){

　　　　　　　　　　　　　　console.log(‘我是hello.js里的haha‘)

　　　　　　　　　　}

　　　　　　}

　　});

这时候在main.js中：

　　define(function(){

　　　　console.log(‘我是main.js模块‘);

　　　　var myhello=require(‘./hello‘);

　　　　myhello.haha();

　　　　console.log(myhello);

　　});

------------------------未完待续------------------------------

seaJs进行第一篇

标签：type   全局   好处   http   export   port   定义   后缀   多个   

原文地址：http://www.cnblogs.com/wangyaru/p/6739998.html