seaJs-模块化开发框架

1.为什么需要模块化开发？

当网站越来越复杂的时候，很容易遇到以下两个问题：

2.模块化解决问题的原理

3.seaJs的基础语法

<!--1.引入sea.js框架-->
<script src='./sea.js'>

<!-2.引入的第一个js文件为入口函数-->
seajs.use('./main.js');<!--无回调函数写法-->

seajs.use('./main.js'，function(info){
console.log('info是main.js返回的数据，我是回调函数');
});<!--有回调函数写法-->

<!--3.定义模块define-->
define(function(require，exports,module){

<!--4.依赖注入
require加载js文件/exports暴露对外的变量/module模块
-->

<!--4.假设请求（依赖）了具有求和功能的js文件-->
var add = require('./add.js');

<!-5.将add方法暴露给调用此模块的文件-->
module.exports.add = add;

<!--6.等价简写，类比$、jQuery-->
exports.add = add;
})

4.配置

seajs.config({

<!--根目录-->
base:'../myfolder',

<!--别名-->
alias:{
"jquery": "jquery/jquery/1.10.1/jquery.js"
}
})

5.易错点：路径

以./或../开头的是相对路径，相对于require所在模块的路径；
不以两者开头的路径，会相对于模块的基础路径解析（配置项中的base）

若未配置，根路径默认为sea.js所在的路径，若有多个版本的sea.js文件，以sea.js所在的文件夹seajs为根路径