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的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
如何检查一个对象是否为空
Apr 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中使用Oracle数据库(2)
2006/10/09 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
PHP网站开发中常用的8个小技巧
2015/02/13 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
python3中函数参数的四种简单用法
2018/07/09 Python
python绘制简单彩虹图
2018/11/19 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
Python基于locals返回作用域字典
2020/10/17 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
Farah官方网站:男士服装及配件
2019/11/01 全球购物
应届生求职推荐信
2013/10/28 职场文书
趣味体育活动方案
2014/02/08 职场文书
企业安全生产标语
2014/06/06 职场文书
教师先进事迹材料
2014/12/16 职场文书
本溪关门山导游词
2015/02/09 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS