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的日期选择控件
Oct 27 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 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 和 XML: 使用expat函数(三)
2006/10/09 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
ucenter通信原理分析
2015/01/09 PHP
php实现的xml操作类
2016/01/15 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
flexigrid 参数说明
2010/11/23 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
js读取cookie方法总结
2014/10/31 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
Python列表解析配合if else的方法
2018/06/23 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python requests模块cookie实例解析
2020/04/14 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
Python wordcloud库安装方法总结
2020/12/31 Python
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
司法所长先进事迹
2014/06/02 职场文书
2015年组织委员工作总结
2015/04/23 职场文书