SeaJS简单使用

SeaJS:http://seajs.org/

主要解决模块化和文件依赖的问题。

以官网例子Hello为例:

工程目录:

app下存放程序文件,sea-modules存放seajs、jquery等库文件。

1、定义模块——define

//spinning.js

define(function(require, exports, module) {

    module.exports = Spinning; //导出对象

});

或者

//spinning.js

define(function(require, exports, module) {

    exports.spinning= function() {....} //或者exports对象,然后使用ooxx方法

});

2、文件依赖——require

以下和上面一一对应。

//main.js

define(function(require) {
    var Spinning = require(‘./spinning‘);

    var s = new Spinning(‘#container‘);
    s.render();
});

或者

//main.js

define(function(require) {
    var s= require(‘./spinning‘);

    s.render();
});

3、使用——use

seajs.use(‘../app/js/main.js‘);

详细:http://seajs.org/docs/#docs

时间: 2024-08-02 20:59:05

SeaJS简单使用的相关文章

快速上手seajs——简单易用Seajs

快速上手seajs——简单易用Seajs 原文  http://www.cnblogs.com/xjchenhao/p/4021775.html 主题 SeaJS 简易手册 http://yslove.net/seajs/ 背景 一个网站必然会涉及很多功能,tab选项卡.slide轮播图.pop弹出层.美化alert.paging分页等等等等,如果是企业网站那整合成一个js文件就够了,即 插件库 . 但是对于一个大的网站平台来说需要的功能可能会有很多,而且随着平台的发展,功能会越来越多.到最后会

模块化JS编程 seajs简单例子

1.引入sea.js test.html 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My Frist SeaJs</title> 6 </head> 7 <body> 8 <div id="container"> 9 10 </div> 11 12 &

SeaJS 简单试用

http://seajs.org/docs/#quick-start 感觉seajs的语法有点罗嗦...  Browserify的语法最棒啦! 它既有RequireJS的特点也有NodeJS引入模块的特点 例子是抄的官方的例子  在官方的github里有 <script src="../sea-modules/seajs/seajs/2.2.0/sea.js"></script> <script> // Set configuration seajs

模块化开发,SeaJS简单总结

seajs是一个遵循CommonJS规范的JavaScript模块加载框架. 在 Sea.js 中,所有 JavaScript 模块都遵循 CMD 模块定义规范.该规范明确了模块的基本书写格式和基本交互规则. 在 CMD 规范中,一个模块就是一个文件.代码的书写格式如下:define(factory); SeaJS解决了两个问题: 1.JavaScript的模块化 2.按模块加载 SeaJS在开发中的角色:在多人协作开发时,起着后勤人员的作用,协调  文件依赖.命名冲突.按需加载的作用; 二.用

邂逅seajs 和spm

一些前端工具和平台介绍 Kissy: 由淘宝前端工程师们发起创建的一个开源 JS 类库.GitHub上可以下载: Alice:  是支付宝的前端css解决方案, 是arale的子集: seajs( 现在由淘宝和腾讯的人在维护这个项目.seajs简单来说, 就是类似与labjs, requirejs, labjs是可以动态载入js文件, 然后延迟将js功能加载到内存的工具): 简单的说 Node.js 就是运行在服务端的 JavaScript.node.js 是一个基于Chrome JavaScr

高富帅seajs使用示例及spm合并压缩工具露脸

一.扯淡高富帅 很久很久以前……………………的很久很久的以后,也就是昨天的昨天(2012-07-07),D2前端技术论坛,下午3点,分会场,@老赵分享其开源项目(什么来着?名字似乎很难记,让我找找~~)Jscex. 印象较深的是末了,其戏称seajs为高富帅. 为何有此感慨?同样是开源项目,seajs因为①原作者个人影响力②推广渠道或者说团队影响力③背后干爹的大力支持等原因,其知名度以及接受程度要比Jscex高不少. 我自己似乎也有类似的感触,10年年初的时候,我自己折腾了一个关于CSS3的小项

seajs 源码解读

之前面试时老问一个问题seajs 是怎么加载js 文件的 在网上找一些资料,觉得这个写的不错就转载了,记录一下,也学习一下 seajs 简单介绍 seajs是前端应用模块化开发的一种很好的解决方案.对于多人协作开发的.复杂庞大的前端项目尤其有用.简单的介绍不多说,大家可以到seajs的官网seajs.org参看介绍.本文主要简单地解读一下seajs的源码和模块化原理.如果有描述不实的地方,希望大家指正和交流.注:本文的解析是基于seajs的2.2.1版本. 目录结构 解压seajs之后的src目

JS滚轮事件(mousewheel/DOMMouseScroll)了解

已经没有了小学生时代过目不忘的记忆力了,很多自己折腾的东西.接触的东西,短短1年之后就全然不记得了.比方说,完全记不得获取元素与页面距离的方法(getBoundingClientRect),或者是不记得现代浏览器下触发DOM自定义事件的方法(dispatchEvent). 显然,适当的温习,翻阅以前的东西,或者自己空余时间处理相关的东西还是有必要的.其实,细想,东西记不住是自己自身原因,在折腾的时候就没有想方设法牢记(而不是通过反复使用记住).比方说getBoundingClientRect就是

JS滚轮事件(mousewheel/DOMMouseScroll)了解 (转载)

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3175 一.学无止境.温故知新 //zxx: 本段与技术无关,一些很个人的吐槽,可以跳过已经没有了小学生时代过目不忘的记忆力了,很多自己折腾的东西.接触的东西,短短1年之后就全然不记得了.比方说,完全记不得获取元素与页面距离的方法(getBoundingClientRect),或者是不记得现代浏览器下触发DOM自定义事