Seajs笔记

  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+         ?

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。