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 相关文章推荐
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
Feb 07 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
Bootstrap的图片轮播示例代码
Aug 31 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
微信小程序:数据存储、传值、取值详解
May 07 Javascript
js实现二级联动简单实例
Jan 11 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&java(三)
2006/10/09 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
js里面的变量范围分享
2020/07/18 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python获取当前计算机cpu数量的方法
2015/04/18 Python
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
python中模块的__all__属性详解
2017/10/26 Python
python2.7安装图文教程
2018/03/13 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
python程序快速缩进多行代码方法总结
2019/06/23 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
为什么相对PHP黑python的更少
2020/06/21 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
英国第一蛋白粉品牌:Myprotein
2016/09/14 全球购物
放飞蜻蜓反思
2014/02/05 职场文书
党的群众路线教育实践活动宣传方案
2014/02/23 职场文书
实习生工作证明范本
2014/09/14 职场文书
检察机关个人对照检查材料
2014/09/15 职场文书
车辆年审委托书范本
2014/09/18 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
工作态度不好检讨书
2015/05/06 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android