sea.js的应用
模块化：
    将Js代码按模块化分开，提高了代码的重用性；
seaJs的好处：
    解决了文件的依赖
    解决了变量名的冲突
seaJs的使用
    1、定义模块
    define(function(require,exports,module)){
        require:引入一个模块
        如：var _msg = require("msg");

        exports:输出一个模块
        如：exports.msg = function(){
                alert("ok");
            }

        module:批量输出模块（很少用）
    }
    2、使用一个模块
    seajs.use("模块名",function(mod){
        //code
    })
    使用多个模块
    seajs.use(["a","b",···],function(mod1,mod2···){})

    效果：添加一个人的姓名，年龄和通讯方式
　　框架：

html代码：

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title>SeaJs Test</title>

     <script src="../js/sea.js"></script>

     <script>

         seajs.use("init",function(init){

             init.init();

         })

     </script>

 </head>

 <body>

     <div class="main">

         <h1>信息</h1>

         <ul>

             <li id="s1"></li>

             <li id="s2"></li>

             <li id="s3"></li>

         </ul>

     </div>

 </body>

 </html>
init.js代码：
 define(function(require,exports,module){

     var man = require("man");

     var css = require("../css/main.css");

     var $ = function(id){

         return document.getElementById(id);

     };

     exports.init = function(){

         var s1 = $("s1");

         var s2 = $("s2");

         var s3 = $("s3");

         var name = man.getName();

         var age = man.getAge();

         var msg = man.say();

         s1.innerHTML = name;

         s2.innerHTML = age;

         s3.innerHTML = msg;

     }

 })
man.js代码：
 define(function(require,exports,module){

     var msg = require("msg");

     var _name = "tom";

     var _age = "20";

     exports.myName = _name;

     exports.say = function(){

         return msg.getMsg();

     };

     exports.getName = function(){

         return _name;

     };

     exports.getAge = function(){

         return _age;

     }

 })
msg.js代码：
 define(function(require,exports,module){

     var _msg = "not set msg!";

     exports.setMsg = function(msg){

         _msg = msg;

     }

     exports.getMsg = function(){

         return _msg;

     }

 });
												


											
seaJs的简单应用的更多相关文章
	

    
								
  1. 快速上手seajs——简单易用Seajs
		
    快速上手seajs——简单易用Seajs   原文  http://www.cnblogs.com/xjchenhao/p/4021775.html 主题 SeaJS 简易手册 http://yslo ...
    
		
    2. 
						
  2. 简单的使用Seajs
		
    什么是Seajs Seajs是一个加载器 http://yslove.net/seajs/ 遵循 CMD 规范模块化开发,依赖的自动加载.配置的简洁清晰. 兼容性 Chrome 3+ Firefox  ...
    
		
    3. 
						
  3. seajs简单使用
		
    背景:在做一个功能时需要用到一个JS库,但是这个库比较大,想要在只有用到这个功能时再去加载这个库. <script src="~/Scripts/jquery-1.10.2.min.j ...
    
		
    4. 
						
  4. 深入seajs源码系列一
		
    简述 前端开发模块化已经是大势所趋,目前模块化的规范有很多,众所周知的有commonJS,Module/Wrappings和AMD等,而且ES6也着手开始制定模块化机制的实现.类似于c/c++的inc ...
    
		
    5. 
						
  5. SeaJS入门篇一 怎么使用query
		
    研究了2个多小时,终于搞定引入jq 1.写个html页面 <h1>ddddddddd</h1> <script src='/Scripts/dist/sea.js'> ...
    
		
    6. 
						
  6. seajs快速了解
		
    详情请点击原文     SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.与jQuery等JavaScript框架不同,S ...
    
		
    7. 
						
  7. seajs 和spm的使用简介
		
    说实话, 前端开发是一个令人头痛的事情. nodejs出现了很久了, 一直不是很习惯用nodejs, 当初刚出来的时候, 就下载了express, 想搭建个网站, 结果不是我的菜, 愣是用的不习惯,也 ...
    
		
    8. 
						
  8. Seajs教程
		
    API 快速参考 该页面列举了 Sea.js 的常用 API.只要掌握这些用法,就可以娴熟地进行模块化开发. seajs.config 用来对 Sea.js 进行配置. seajs.config({  ...
    
		
    9. 
						
  9. seaJS简介和完整实例
		
    什么是 seaJS ? 和requireJS相似的,seaJS 也是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 进入meta模式关闭背光灯
			
    1. 修改文件: mediatek/platform/mt6582/lk/boot_mode.c 2. 修改内容: boot_mode_select()函数: mt65xx_blacklight_of ...
    
			
    2. 
						
  2. nodevalue
			
    在改变文本节点值时,使用DOM的nodeValue属性,用来得到和设置一个节点的值. 代码示例: html: <p id="description">choose a  ...
    
			
    3. 
						
  3. 网页闯关游戏(riddle webgame)--H5刮刮卡的原理和实践
			
    前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 对于刮刮卡, 想必大家都很熟悉, 也很喜 ...
    
			
    4. 
						
  4. 一些新的ideas
			
    k-means可以在不同的聚类点间加入计算该方向类内方差的方法改进,可以获得更好的效果: 可以通过爬虫方法在facebook上爬取与happy.sad相关的图片进行图片情感分类,并通过语义分析的方法提 ...
    
			
    5. 
						
  5. Surprise团队第二周项目总结
			
    Surprise团队第二周项目总结 项目进展 已实现五子棋人人模式部分 人人模式: 基本方式:采取黑棋先行,黑白交替的下棋顺序. 模式:通过鼠标点击相应棋盘中的"交叉点",在lay ...
    
			
    6. 
						
  6. 转载《 LayoutInflater  的inflate函数用法详解》
			
    很多人在网上问LayoutInflater类的用法,以及inflate()方法参数的含义,现解释如下: inflate()的作用就是将一个用xml定义的布局文件查找出来,注意与findViewById ...
    
			
    7. 
						
  7. c# 函数
			
    1.输入三个数,求最大的数. 2.输入一个数,求1~n的和. 3.求n的阶乘. 4.输入一个小于等于100的数,判断是否是100,还是小于10,还是两位数.
    
			
    8. 
						
  8. Recylerview的使用系列教程
			
    转发自:http://edu.csdn.net/course/detail/2877
    
			
    9. 
						
  9. IIS 301 重定向 带参数链接
			
    做QQ的单点登陆,身后后发现,填写的是www.51laugh.cn,修改生效需要3天. 直接把根域做301调整,是目前的最佳解决方案. 1.建立一个新的站点,目录指定到任何一个空文件夹就好了.主机头绑 ...
    
			
    10. 
						
  10. CE 进程同步－事件
			
    事件(event)分为有名的和无名的,使用有名事件的时候,在不同进程中创建的同名事件,其实就是同一个,这样就可以在不同的进程中使用了.两个进程里面都要创建事件,事件名要一致. //进程1 HANDLE ...
    
			
    11.