SeaJS 是一个适用于 Web 浏览器端的模块加载器。使用 SeaJS,可以更好地组织 JavaScript 代码。
在 SeaJS 的世界里,一个文件就是一个模块。所有模块都遵循 CMD 规范,可以像在 Node 环境中一样来书写模块代码:
define(function(require, exports, module) { var $ = require('jquery'); exports.sayHello = function() { $('#hello').toggle('slow'); }; });
将上面的代码保存为 hello.js
,然后就可以通过 SeaJS 来加载使用了:
seajs.config({ alias: { 'jquery': 'http://modules.seajs.org/jquery/1.7.2/jquery.js' } }); seajs.use(['./hello', 'jquery'], function(hello, $) { $('#box').click(hello.sayHello); });
SeaJS的优势:
- 简单一致的模块格式。
- 依赖的自动管理。
- 脚本的异步并行加载。
- 丰富的插件。
- 友好的调试。
SeaJS 带来的最大好处是:提升代码的可维护性。如果一个网站的 JS 文件超过 3 个,就适合用 SeaJS 来组织和维护代码。涉及的 JS 文件越多,SeaJS 就越适合。
学习SeaJS 可以读读下面的文档:
遇到问题时,可以到 SeaJS 社区 寻找帮助。
SeaJS 兼容所有 PC 和 Mobile 端的主流浏览器:
IE 5.5+ ✔ Chrome 3+ ✔ Firefox 2+ ✔ Safari 3.2+ ✔ Opera 10+ ✔