sea.js使用

假装没事ソ 提交于 2019-12-22 21:09:15

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

<script type="text/javascript" src="./sea.js"></script>
<script>
// 设置一些参数
seajs.config({
 debug: true, // debug为false时,在模块加载完毕后会移除head中的script标签
 base: './js/', // 通过路径加载其他模块的默认根目录
 alias: { // 别名
 jquery: 'http://modules.seajs.org/jquery/1.7.2/jquery.js'
 }
})


//调用
seajs.use('main', function(main) {
 alert(main)
})
seajs.use(['./hello', 'jquery'], function(hello, $) {
  $('#beautiful-sea').click(hello.sayHello);
});
</script>

/js/下
-main.js-
define(function (require, exports, module) {
	// 通过 require 引入依赖
	  var $ = require('jquery');
	  var Spinning = require('./spinning');

 	module.exports = 'main-module'	// 或者通过 module.exports 提供整个接口
})
-hello.js-
define(function(require, exports, module) {
  var $ = require('jquery');

  exports.sayHello = function() {	//// 通过 exports 对外提供接口
    $('#hello').toggle('slow');
  };
});

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!