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 内存回收机制理解
Jan 17 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
在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
Protoss建筑一览
2020/03/14 星际争霸
PHP分页显示制作详细讲解
2006/12/05 PHP
php获取淘宝分类id示例
2014/01/16 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
php创建多级目录的方法
2015/03/24 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
javascript实现评分功能
2020/06/24 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
使用Nginx+uWsgi实现Python的Django框架站点动静分离
2016/03/21 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python 实现登录网页的操作方法
2018/05/11 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
护士思想汇报
2014/01/12 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
关于运动会的广播稿
2014/09/22 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
公司催款律师函
2015/05/27 职场文书
全民创业工作总结
2015/08/13 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS