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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
jquery获得页面元素的坐标值实现思路及代码
Apr 15 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
chosen实现省市区三级联动
Aug 16 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 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
中国的第一台收音机
2021/03/01 无线电
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
python中__slots__用法实例
2015/06/04 Python
python实现RSA加密(解密)算法
2016/02/17 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
python简单区块链模拟详解
2019/07/03 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
浅析python 字典嵌套
2020/09/29 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
文秘专业毕业生就业推荐信
2013/11/08 职场文书
高中的职业生涯规划书
2013/12/28 职场文书
中学生检讨书范文
2014/11/03 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
编写python程序的90条建议
2021/04/14 Python
mysql死锁和分库分表问题详解
2021/04/16 MySQL
Python 发送SMTP邮件的简单教程
2021/06/24 Python