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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
JS判断文本框内容改变事件的简单实例
Mar 07 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
Vue2.0点击切换类名改变样式的方法
Aug 22 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
JavaScript实现移动端弹窗后禁止滚动
May 25 Javascript
JavaScript中reduce()的用法
May 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增删改查示例自己写的demo
2013/09/04 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
php文件缓存方法总结
2016/03/16 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
Python Web服务器Tornado使用小结
2014/05/06 Python
Python文件和流(实例讲解)
2017/09/12 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
Python变量类型知识点总结
2019/02/18 Python
python异常处理和日志处理方式
2019/12/24 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
大学生毕业求职的自我评价
2013/09/29 职场文书
阳光体育活动总结
2014/04/30 职场文书
政府个人对照检查材料
2014/08/28 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
教师群众路线心得体会
2014/11/04 职场文书
通用员工手册范本
2015/05/14 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
单位收入证明范本
2015/06/18 职场文书
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript