//seajs是一款可以把前台模块化的工具
//seajs 加载方式
<script src='./js/sea.js'></script>
<script>
//配置方式
seajs.cofig({
base: "./"
//基目录,所有索引文件会以这个为基准
})
//使用方式
seajs.use(
//这里引用js文件不需要后缀名,自动加载如果不需要可以使用 ?# 来控制
)
//配置方式在配置jquery的时候会有两种方式一种使用shim插件,官方现以取消shim插件,原因是太多不确定因素,违背初衷,仍可使用老版本;另一种是更改jquery代码使其成为cmd标准格式;
// 1:shim插件方式
seajs.config({
plugins: ['shim'],
alias: {
'jquery': {
src: 'libs/jquery/1.9.1/jquery.js',
exports: 'jQuery'
},
});
// 2:更改jquery方式(一劳永逸形式推荐)
define(function(require, exports, module) {
//jquery代码
module.exports = $;
})
// 3:演示加载jqeruy
define(function(require, exports, module) {
var $ = require('jquery');
$('#test').hide();
})
// 4:jsajs 中一个模块里面只有一个方法方便管理(后期打包处理优化速度)
// 5:所有方法都以define来定义其中三个参数,官方推荐定义最后一个就好,其余由seajs自动完成
define(function(require, exports, module) {
// 6:向外提供接口 module.js
var arr = {};
arr.num1 = "java";
arr.num2 = "python";
arr.num3 = "php"
module.exports = arr;
})
//外界调用(支持回调)
seajs.use('module',function(e){alert(e.num1)})
</script>