Sea js 简易使用
Posted 张鑫4477
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sea js 简易使用相关的知识,希望对你有一定的参考价值。
一.模块化格式
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 简易使用的主要内容,如果未能解决你的问题,请参考以下文章