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 相关文章推荐
js下弹出窗口的变通
Apr 18 Javascript
javascript 学习之旅 (3)
Feb 05 Javascript
js中eval详解
Mar 30 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
Bootstrap 模态框(Modal)带参数传值实例
Aug 20 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 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
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
文字幻灯片
2006/06/26 Javascript
js innerHTML 的一些问题的解决方法
2008/06/22 Javascript
javascript 写类方式之六
2009/07/05 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
Python 调用DLL操作抄表机
2009/01/12 Python
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
python多线程编程中的join函数使用心得
2014/09/02 Python
Python的Flask框架中@app.route的用法教程
2015/03/31 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
python实现交并比IOU教程
2020/04/16 Python
python 两种方法删除空文件夹
2020/09/29 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
介绍一下OSI七层模型
2012/07/03 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
小学教师自我鉴定
2013/11/07 职场文书
庆七一活动方案
2014/01/25 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
锅炉工岗位职责
2015/02/13 职场文书
父母教会我观后感
2015/06/17 职场文书
志愿服务心得体会
2016/01/15 职场文书
python双向链表实例详解
2022/05/25 Python