一.模块化格式
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 ?简易使用
原文地址:http://www.cnblogs.com/zhangxin4477/p/7426651.html