Seajs的学习笔记


Posted in Javascript onMarch 04, 2014

1.简介

Seajs,一个Web模块加载框架,追求简单、自然的代码书写和组织方式,:Sea.js 遵循 CMD 规范,模块化JS代码。依赖的自动加载、配置的简洁清晰,可以让程序员更多地专注编码。

2.优缺点

优点:
1).提高可维护性。
2).模块化编程。
3).动态加载,前端性能优化

缺点:
1).学习文档偏少且混乱,会更改团队使用JS的编写习惯,必须使用模块化编程。
2).不太适合团队目前的情况,多JS文件但少改动,动态加载优势和模块化优势不明显。
3). 需要配套使用SPM工具,JS的打包和管理工具。

2.什么是CMD 和AMD ?

异步模块定义(AMD)是Asynchronous Module Definition的缩写,是 RequireJS 在推广过程中对模块定义的规范化产出。
通用模块定义(CMD)是Common Module Definition的缩写,是SeaJS 在推广过程中对模块定义的规范化产出。
RequireJS 和 SeaJS 都是模块化框架的代表,AMD和CMD,是他们各自定义模块化的方式,大同小异,主要是代码风格和API不同。

3.如何使用?

<script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<script>
     //配置js路径
    seajs.config({
        alias:{
            "jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
        }
    });
     //加载模块
    seajs.use('../js/seajs/init',function($){
        $("#test_div").click(function(){alert(1);});
    });
</script>

//init.js
define(function(require,exports,module){
    var $ = require('jquery');
    return $;
});
Javascript 相关文章推荐
Expandable &quot;Detail&quot; Table Rows
Aug 29 Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
document.documentElement和document.body区别介绍
Sep 16 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
详解JS面向对象编程
Jan 24 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
canvas红包照片实例分享
Feb 28 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
文本域中换行符的替换示例
Mar 04 #Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 #Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 #Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 #Javascript
js的Boolean对象初始值示例
Mar 04 #Javascript
js动态拼接正则表达式的两种方法
Mar 04 #Javascript
8个实用的jQuery技巧
Mar 04 #Javascript
You might like
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP学习 变量使用总结
2011/03/24 PHP
从手册去理解分析PHP session机制
2011/07/17 PHP
记录mysql性能查询过程的使用方法
2013/05/02 PHP
PHP小技巧之函数重载
2014/06/02 PHP
不同浏览器的怪癖小结
2010/07/11 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
基于javascript实现彩票随机数生成(升级版)
2020/04/17 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
Python算法应用实战之队列详解
2017/02/04 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
python利用requests库进行接口测试的方法详解
2018/07/06 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
Python self用法详解
2020/11/28 Python
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
副董事长岗位职责
2014/04/02 职场文书
认购协议书范本
2014/04/22 职场文书
医学生自荐信范文
2015/03/05 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
导游词之绍兴柯岩古镇
2020/01/09 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
服务器SVN搭建图文安装过程
2022/06/21 Servers