码迷,mamicode.com
首页 > Web开发 > 详细

Sea js 简易使用

时间:2017-08-25 10:57:32      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:div   .config   after   一个   别名   export   使用   dem   init   

一.模块化格式

define(function (require, exports, module) {
    var init= function() {
        var textContent = [
            ‘yes it works‘,
            ‘seajs demo‘,
            ‘it is a lucky day‘,
            ‘wish this help you‘,
            ‘thank you for reading‘
        ];
        var index = Math.floor(Math.random()*textContent.length);
        return textContent[index];
    }
    module.exports = {//必须写,让init方法可以被外部调用
        init:init
    }
})
//每次刷新页面,随机抽取textConent中一条数据刷新

二..第三方js引用 :

define(function (require, exports, module) {
   JS 源码
})

三.设置别名

seajs.config({
     alias:{
          ‘main‘:‘./static/main.js‘
     }
});
//别名设置要写在use之前

seajs.use(‘./static/text.js‘);
//引用main模块就可以直接写成这样了var main = require(‘main‘)

四.回调函数

seajs.use([module],callback),加载一个或多个模块,并执行回调函数。我们将main修改下:

define(function (require, exports, module) {
    var changeText = require(‘changeText‘);
    var $ = require(‘jquery‘);
    var showText = function () {
        $(‘#title‘).text(changeText.init());
    }
    exports.showText = showText;
})

 

然后增加回调函数:

seajs.use([‘main‘,‘jquery‘],function(main,$) {
    $(‘#title‘).after(‘<button id="show">showText</button>‘);
    $(‘#show‘).on(‘click‘,function() {
         main.showText()
    })
});

 



 

Sea js 简易使用

标签:div   .config   after   一个   别名   export   使用   dem   init   

原文地址:http://www.cnblogs.com/zhangxin4477/p/7426651.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!