seaJs进行第一篇
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了seaJs进行第一篇相关的知识，希望对你有一定的参考价值。
一，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进行第一篇的主要内容，如果未能解决你的问题，请参考以下文章