清姿
IN A GOOD WAY

  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+         ✔
posted on 2014-12-16 20:04  清姿  阅读(197)  评论(0编辑  收藏  举报