Sea.JS知识总结


Posted in Javascript onMay 05, 2016

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。是一款现代的用于Web开发的模块加载工具,提供简单、极致的模块化体验。Sea.js 由阿里、腾讯等公司共同维护。

使用 Sea.js的好处:

Sea.js 追求简单、自然的代码书写和组织方式,具有以下核心特性:

简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码。
自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。
Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。

下面给大家介绍sea.js的三种编写模块的模式

使用exports,exports 是一个对象,用来向外提供模块接口。

define(function (require, exports, module) {
var a = require("./init");
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
exports.fun1=fun1;
});

除了给 exports 对象增加成员,还可以使用 return 直接向外提供接口。

define(function(require,exports,module){
var a = require("./init");
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
return{
fun1:fun1
}
})

如果模块没有任何业务逻辑只是返回一个对象还可以简化为以下

define({
fun1 : function () {
alert("模块main的fun1调用成功")
}
});

还有一种是通过module.exports对外提供一个统一的接口例如:

define(function(require,exports,module){
var a = require("./init");// ./是当前目录 ../是上级目录 /是根目录
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
exports.b=function(){ //没有任何意义,赋值无效
alert("bb")
};
module.exports={
fun1:fun1
}
});

exports 仅仅是 module.exports 的一个引用。在 方法内部给 exports 重新赋值时,并不会改变 module.exports 的值。因此给 exports 赋值是无效的,以上的方法只暴漏给外部一个fun1,上面的b方法赋值是无效的,不能用来更改模块接口。

exports.async()
require.async(id||[], callback?)

require.async 方法用来在模块内部异步加载模块,并在加载完成后执行指定回调。callback 参数可选。

define(function(require,exports,module){
require.async('./init',function(a){
a.write("模块main调用模块init的write方法")
});
require.async(['./init',"./search"],function(a,b){
a.write("模块main调用模块init的write方法");
b.search("search模块成功引入")
});
});

module module是一个对象,上面存储了与当前模块相关联的一些属性和方法。

1 module.id String

模块的唯一标识。

2 module.uri String

根据模块系统的路径解析规则得到的模块绝对路径,一般情况下(没有在 define 中手写 id 参数时),module.id 的值就是 module.uri,两者完全相同。

3 module.dependencies Array

dependencies 是一个数组,表示当前模块的依赖。

Javascript 相关文章推荐
javascript事件问题
Sep 05 Javascript
JavaScript入门之对象与JSON详解
Oct 21 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
Angular的$http与$location
Dec 26 Javascript
js图片放大镜效果实现方法详解
Oct 28 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
JS函数式编程实现XDM一
Jun 16 Javascript
在Node.js中使用Javascript Generators详解
May 05 #Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 #Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 #Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 #Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 #Javascript
深入理解js promise chain
May 05 #Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 #Javascript
You might like
PHP下判断网址是否有效的代码
2011/10/08 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
tensorflow实现KNN识别MNIST
2018/03/12 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
Python接口测试环境搭建过程详解
2020/06/29 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
求职信内容考虑哪几点
2013/10/05 职场文书
自荐信模版
2013/10/24 职场文书
医院护士的求职信
2014/01/03 职场文书
个人四风问题整改措施
2014/10/24 职场文书
2014年技术员工作总结
2014/11/18 职场文书
遗失说明具结保证书
2015/02/26 职场文书
学校党员干部承诺书
2015/05/04 职场文书
获奖感言范文
2015/07/31 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python