模块化开发seajs 配置和简单调用

模块化开发工具 seajs

seajs 提供了简单、极致的模块化开发体验 seajs官网：http://seajs.org

下面是seajs的小实例

b.js文件调用 a.js文件中的属性方法

seajs 配置文件

seajs.config({alias: {"a":"./js/a","b":"./js/b",//seajs.use 方法用"a1":"./a"//b文件内部用},// 文件编码charset: 'utf-8'
});

a.js文件

define(function(require,exports,module){ //seajs 模块化开发定义var our = "我们"exports.our=our;exports.showA=function(){alert("我是A");}
});

b.js文件

define(function(require,exports,module){var love = "要好好的";var a = require("a1");//此处用a不起作用 地址相对于当前文档exports.ol=a.our+love; //a的属性exports.showB=function(){alert("我是B");} exports.showBA=function(){ //通过b调用a的方法a.showA();}
});

html的代码和 seajs的应用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<!--引入seajs文件-->
<script type="text/javascript" src="sea/sea.js" id="sea"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="jquery/jquery-1.8.0.min.js"></script><script type="text/javascript">
//$(function(){ seajs.use('b',function(b){$("div").text(b.ol);});
// }); //同时引用多个js文件seajs.use(['a','b'],function(a,b){a.showA();b.showB();b.showBA();})
</script>
</head>
<body>
<div style="background:#98bf21;height:100px;width:200px;position:absolute;"></div>
</body>
</html>

sea_demo的目录结构

附件下载

sea_demo.rar

转载于:https://www.cnblogs.com/waising/articles/3423395.html

模块化开发seajs 配置和简单调用相关推荐

golang开发环境配置以及简单使用
golang开发环境配置以及简单使用编译golang程序 go build命令的使用 http://c.biancheng.net/view/120.html 使用go build, 将main.g ...
相继上一篇，thingsboard的二次开发环境配置和简单的logo替换
一.二次开发环境配置 1.idea安装及辅助插件下载官方推荐使用的开发工具是IntelliJ IDEA,简称idea 就是这个东西,这里先介绍一下idea(以下简介从度娘复制): IDEA 全称 I ...
NDK开发_cwin配置+编程简单步骤
最近在调试车辆识别demo,说实话,虽然最初接触jni的时候,是在eclipse工程中进行开发的,不过后面遇到的项目都是直接放到了android 源码中编译的,所以对于在eclipse中的ndk开发 ...
安卓开发——在应用中简单调用Android百度地图API SDK
目录需求展示效果展示: 申请百度地图API密钥配置ANDROID STUDIO 编写项目代码运行项目需求展示利用百度地图API定位到当前所在位置,并显示所在的经纬度和地址信息. 效果展示: ...
前端面试题～有关模块化开发
1.说说你对前端模块化开发的认识. (1)异步模块定义(AMD)规范是 require. js推广的.对模块定义的规范. (2)通用模块定义(CMD)规范是 SeaJS推广的.对模块定义的规范. (3 ...
seajs的模块化开发--实践笔记
2017-04-02 SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.有效的解决复杂项目中命名冲突.依赖.性能等问题. SeaJS ...
Android简单的模块化开发
1.为什么要模块开发 1.解耦性强:随着业务的增多,代码变的越来越复杂,每个模块之间的代码耦合变得越来越严重,解耦问题急需解决. 2. 编译时间大大减少:以为业务场景对,代码越来越大,同时编译时间也会 ...
html调用js函数_使用Require.js实现模块化开发
在javascript中,我们把比较复杂的都是用模块化,今天我们就来了解一下require.js来实现模块化开发 require.js是什么? require.js是在AMD规范上实现的一个 Java ...
2.精通前端系列技术之JS模块化开发-深入学习seaJs（四）
深入学习seajs 配置信息 alias : 别名配置 paths : 路径配置 vars : 变量配置 map : 映射配置 preload : 预加载项 debug : 调试模式 base : 基 ...

模块化开发seajs 配置和简单调用

seajs 配置文件

a.js文件

b.js文件

html的代码和 seajs的应用

sea_demo的目录结构

附件下载

模块化开发seajs 配置和简单调用相关推荐

最新文章

热门文章

模块化开发seajs 配置和简单调用

seajs 配置文件

a.js文件

b.js文件

html的代码 和 seajs的应用

sea_demo的目录结构

附件下载

模块化开发seajs 配置和简单调用相关推荐

最新文章

热门文章

html的代码和 seajs的应用