標籤: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 簡易使用