SeaJS 简单试用

浏览数：26 / 时间：2015年06月09日

http://seajs.org/docs/#quick-start

感觉seajs的语法有点罗嗦...  Browserify的语法最棒啦！

它既有RequireJS的特点也有NodeJS引入模块的特点

例子是抄的官方的例子  在官方的github里有

<script src="../sea-modules/seajs/seajs/2.2.0/sea.js"></script>
<script>

  // Set configuration
  seajs.config({
    base: "../sea-modules/",
    alias: {
      "jquery": "jquery/jquery/1.10.1/jquery.js"
    }
  });

  seajs.use("../static/me/main");

</script>

这是首页的部分

seajs.use 和 require 引入是有区别的  用法上来说use是入口文件

其他和require如出一辙  定义了base就表示所有js路径在base这个目录下  要引入其他js都是基于这个base

main.js

define(function(require,exports,module){
  var $ = require(‘jquery‘);
  var Spining = require(‘./meSpinning‘);
  var s = new Spining(‘#container‘);
  s.render();
});

meSpinning

define(function(require,exports,module){
  var $ = require(‘jquery‘); //直接写名字 而不是以 ./  ../开头是寻找config中所配置的路径


    var $ = require(‘jquery‘);

  function Spinning(container) {
    this.container = $(container);
    this.icons = this.container.children();
    this.spinnings = [];
  }

  module.exports = Spinning;
  //....

});

 

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

标签： class style log src 文件 http it la sp class style log src 文件 http it la sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢