木、木

导航

seajs小记

//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>

 

posted on 2013-09-06 10:20  高严  阅读(210)  评论(0编辑  收藏  举报