什么是Seajs的sea.js的起源、特点和优势
1个简短的介绍。seajsseajs,Web模块加载框架,追求简单、自然的代码编写和组织:sea.js CMD规范,模块化的JS代码,简单而清晰的依赖自动加载和配置可以让程序员更专注于编码。
2 seajs的优点和缺点。
优势uff1a
1)。提高可维护性。
2)。模块化编程。
3)。动态加载,前端性能优化
缺点:
1)。学习文档少而混乱,使用JS改变团队的写作习惯,必须采用模块化编程。
2)。它不适合团队的实际情况,但多个js文件变化不大,动态加载和模块化的优势不明显。
3)。有必要使用SPM工具,打包和管理JS的工具。
2。什么是CMD和AMD
异步模块定义(AMD)是异步模块定义的缩写,这是requirejs归一化输出的模块定义的扩展过程。
一般的模块定义(CMD)是常见的模块定义的缩写,即归一化输出模块的定义seajs推广过程。
requirejs和SeaJS是代表模块化框架。AMD和CMD是它们的模块化方式,基本上与代码样式和API相同。
如何做3。seajs使用它吗
一段代码,教新手一目了然,快速起床!
代码如下:
配置路径
seajs.config({
Alias:{
jquery:。 /实例的主人/海模块/ jQuery / / / jquery jQuery 1.10.1 .js
}
});
加载模块
seajs.use('。 / / / JS seajs init功能($){
$(# test_div)。Click(function(){ alert(1);});
});
代码如下:
/ / init.js
定义(函数(需求,导出,模块){)
var $ =需要('jquery);
返回;
});
seajs这么简单,来快速的学习。
起源:
在软件开发过程中,模块化编程的思想已成为普遍现象。模块化编程不仅给开发团队带来了效益,而且可以大大降低开发项目或产品的成本。
然后,在web开发的过程中,js脚本语言是必不可少的,可以通过JS脚本语言带来更舒适的人机交互和用户体验,然而,在使用JS脚本的过程中会产生一种混淆的依赖性,那么JS脚本语言模块化思想将得到广泛认可。在这样的背景下,淘宝索伯车队带来了玉的前端工程师seajs脚本语言模块化编程到JS脚本的世界。
特点uff1a
seajs是一个Javascript模块加载框架,遵循CommonJS规范,实现模块化开发和Javascript加载机制。不同的Javascript框架如jQuery,SeaJS不延长封装语言特征,但只有模块化的Javascript加载的模块,seajs的主要目的是使Javascript开发模块易载。It liberates front-end engineers from heavy Javascript files and object dependency processing, and can focus on the logic of the code itself.SeaJS can be integrated perfectly with the framework of jQuery.The use of SeaJS can improve the readability and clarity of Javascript code, and solve the problems of dependency confusion and code entanglement, which are common in Javascript programming, and facilitate the compilation and maintenance of codes.
seajs本身遵循的吻的概念(保持简单,愚蠢的),只有个位数的API本身,所以没有压力的学习。在学习SeaJS的过程中,你可以感受到无处不在的KISS原则的本质做一件事情,做一个好工作。
优势:看seajs优势从一个例子。
传统模式:
var = {
运行:函数(){
警报('m1);
m2.run();
}
}
var = {
运行:函数(){
警报('m2);
}
}
SeaJS使用后:
/ / init.js
定义(函数(需求,导出,模块)= {)
VaR M1 =需要('m1);
导出=函数(){
m1.run();
}
});
/ / m1.js
定义(函数(需求,导出,模块)= {)
VaR M2 =需要('m2);
导出=函数(){
警报('m1);
m2.run();
}
});
定义(函数(需求,导出,模块)= {)
导出=函数(){
警报('m2);
}
});
seajs.use('。 /初始化功能(init){
Init.init();
});
通过两个简单的例子,我们可以看到,代码的模块性是非常明确的seajs使用后,只有一个。 / sea.js文件是HTML页面引用,只有init调用。具体初始化后实现的逻辑对用户是透明的。
这个博客是可以理解的seajs脚本语言,以及后来的介绍seajs写模块的使用。