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 相关文章推荐
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
jQuery中andSelf()方法用法实例
Jan 08 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
Nov 19 Javascript
五句话帮你轻松搞定js原型链
Dec 09 Javascript
Vue2.0搭建脚手架
Mar 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
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
定义php常量的详解
2013/06/09 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php PDO属性设置与操作方法分析
2018/12/27 PHP
实例讲解PHP表单处理
2019/02/15 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
web前端开发也需要日志
2010/12/09 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
vue常用高阶函数及综合实例
2021/02/25 Vue.js
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python的设计模式编程入门指南
2015/04/02 Python
python中list常用操作实例详解
2015/06/03 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
基于Django统计博客文章阅读量
2019/10/29 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
中软Java笔试题
2012/11/11 面试题
机电一体化大学生求职信
2013/11/08 职场文书
结婚典礼证婚词
2014/01/11 职场文书
书香校园活动方案
2014/02/28 职场文书
母亲节演讲稿
2014/05/27 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
检讨书范文300字
2015/01/28 职场文书
鼋头渚导游词
2015/02/05 职场文书
Tomcat配置访问日志和线程数
2022/05/06 Servers