码迷,mamicode.com
首页 > Web开发 > 详细

SeaJS 简单试用

时间:2015-02-09 18:04:29      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

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;
  //....

});

 

SeaJS 简单试用

标签:

原文地址:http://www.cnblogs.com/cart55free99/p/4281786.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!