SeaJS使用举例

SeaJS使用举例

作者:admin |  时间:2015-05-20 |  浏览:163 |  0 条评论

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度,解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题,方便代码的编写和维护。

bg.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
    <div id="sound">sound</div>

    <script src="sea.js"></script>
    <script src="jquery-2.0.3.min.js"></script>
    <script src="bg_index.js"></script>
</body>

</html>

bg_index.js

(function() {
    'use strict';

    $(function() {
        seajs.use('./js/bg');
    });
})();

js/bg.js

define(function(require, exports, module) {
    'use strict';

    var cart = require('./cart');
    var order = require('./order');
	alert($("#sound").html());
	cart.show();
});

js/cart.js

define(function(require, exports, module) {
    'use strict';

    var Cart = function() {
		this.show = function() {
			alert("this is Cart show");
		}
		alert("this is Cart");
	}
	

    module.exports = new Cart;
});

js/order.js

define(function(require, exports, module) {
    'use strict';

    var Order = function() {
		alert("this is Order");
	}

    module.exports = new Order;
});

相关推荐

Redis scan操作总结
Posted on 04月10日
PHP哈希表碰撞攻击原理
Posted on 02月23日
PHP异常详解
Posted on 03月03日
问题驱动式的学习方式的优劣
Posted on 02月27日

发表评论

电子邮件地址不会被公开。

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>