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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
详解Node.JS模块 process
Aug 31 Javascript
javascript对象3个属性特征
Nov 17 Javascript
JavaScript 中for/of,for/in 的详细介绍
Nov 17 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
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数据库开发知多少
2006/10/09 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
php输入流php://input使用浅析
2014/09/02 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
Windows2003下php5.4安装配置教程(Apache2.4)
2016/06/30 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
2007/04/12 Javascript
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
jquery.validate使用详解
2016/06/02 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python实现简单状态框架的方法
2015/03/19 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python中optparser库用法实例详解
2018/01/26 Python
python 求10个数的平均数实例
2019/12/16 Python
Python中url标签使用知识点总结
2020/01/16 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
厨师长岗位职责范本
2014/08/25 职场文书
小学秋季运动会报道稿
2014/09/30 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
单位租房协议范本
2014/12/03 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL