seajs中最常用的7个功能、配置示例


Posted in Javascript onOctober 10, 2017

本文实例讲述了seajs中最常用的7个功能、配置。分享给大家供大家参考,具体如下:

1. seajs.config

seajs.config({
 // 设置路径,方便跨项目调用
 paths: {
  'path1': '....',
  'path2': '....'
 },
 // 设置别名,方便调用
 alias: {
  'class1': '...',
  'class2': '...'
 }
});

2. seajs.use

用来在页面中加载一个或多个模块

// 加载一个模块
seajs.use('./a');
// 加载一个模块,在加载完成时,执行回调
seajs.use('./a', function(a) {
 a.doSomething();
});
// 加载多个模块,在加载完成时,执行回调
seajs.use(['./a', './b'], function(a, b) {
 a.doSomething();
 b.doSomething();
});

3. define

用来定义模块。

define(function(require, exports, module) {
 // 模块代码
});

4. require

用来获取指定模块的接口

define(function(require) {
 // 获取模块a的接口
 var a = require('./a');
 // 调用模块a的方法
 a.doSomething();
});

5. require.async

用来在模块内部异步加载一个或多个模块

define(function(require) {
 // 异步加载一个模块,在加载完成时执行回调
 require.async('./b', function(b) {
  b.doSomething();
 });
 // 异步加载多个模块,在加载完成时执行回调
 require.async(['./c', './d'], function(c, d) {
  c.doSomething();
  d.doSomething();
 });
});

6. exports

用来在模块内部对外提供接口

define(function(require, exports) {
 // 对外提供foo属性
 exports.foo = 'bar';
 // 对外提供doSomething方法
 exports.doSomething = function() {};
});

7. module.exports

用来在模块内部对外提供接口

define(function(require, exports, module) {
 // 对外提供接口
 module.exports = {
  name: 'a',
  doSomething: function() {};
 };
});

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript eval函数深入认识
Feb 21 Javascript
在jQuery中 常用的选择器介绍
Apr 16 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
node中modules.exports与exports导出的区别
Jun 08 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
从源码角度来回答keep-alive组件的缓存原理
Jan 18 Javascript
SeaJS中use函数用法实例分析
Oct 10 #Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 #Javascript
seajs模块压缩问题与解决方法实例分析
Oct 10 #Javascript
基于vue的换肤功能的示例代码
Oct 10 #Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 #Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 #Javascript
认识jQuery的Promise的具体使用方法
Oct 10 #jQuery
You might like
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php echo 输出字符串函数详解
2010/05/13 PHP
PHP生成条形图的方法
2014/12/10 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
Javascript模板技术
2007/04/27 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
2016/11/28 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
pytorch 共享参数的示例
2019/08/17 Python
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
个人自荐信
2013/12/05 职场文书
建筑总经理岗位职责
2014/02/02 职场文书
班级团队活动方案
2014/08/14 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python