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 相关文章推荐
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
JS实现密码框效果
Sep 10 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
JavaScript中的LHS和RHS分析详情
Apr 06 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
php中钩子(hook)的原理与简单应用demo示例
2019/09/03 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
Python简单生成随机数的方法示例
2018/03/31 Python
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
Python基于百度云文字识别API
2018/12/13 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
高职助产应届生自荐信
2013/09/24 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL