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 相关文章推荐
十分钟打造AutoComplete自动完成效果代码
Dec 26 Javascript
JS分割字符串并放入数组的函数
Jul 04 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
新手简单了解vue
May 29 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
解决vue项目,npm run build后,报路径错的问题
Aug 13 Javascript
原生JavaScript实现贪吃蛇游戏
Nov 04 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为字符串前后添加指定数量字符的方法
2015/05/04 PHP
一段实用的php验证码函数
2016/05/19 PHP
php自定义时间转换函数示例
2016/12/07 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
Js数组排序函数sort()介绍
2015/06/08 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
如何实现一个webpack模块解析器
2018/10/24 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
AmazeUI 按钮交互的实现示例
2020/08/24 HTML / CSS
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
师范生个人推荐信
2013/11/29 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL
浅谈JavaScript作用域
2021/12/06 Javascript
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript