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实现多选项切换导航菜单的方法
Feb 06 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
vue elementui el-form rules动态验证的实例代码详解
May 23 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
javascript条件式访问属性和箭头函数介绍
Nov 17 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
Laravel框架搜索分页功能示例
2019/02/01 PHP
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
js实现防止被iframe的方法
2015/07/03 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
2021/02/07 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
详解Python中列表和元祖的使用方法
2015/04/25 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
更新修改后的Python模块方法
2019/03/03 Python
python判断自身是否正在运行的方法
2019/08/08 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
干部考核评语
2014/04/29 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
Java8中Stream的一些神操作
2021/11/02 Java/Android