seajs 模塊化代碼的初步學習

   

           //seajs的下載地址:http://seajs.org/docs/#downloads

      //原帖地址:http://www.cnblogs.com/leoo2sk/archive/2011/06/27/2089164.html


        //

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="content">
    <p class="author"></p>
    <p class="blog"><a href="#">Blog</a></p>
</div>
 <!--首先引入seajs文件,這個地方的路徑當前路徑需要加./   否則會出錯
   data-main指向入口文件的名字.
     -->
<script src="./sea.js" data-main="./init"></script>
</body>
</html>

//init.js
define(function(require, exports, module) {
    /*
       首先引入jquery文件,jquery文件要這樣寫
define(function() {
   //這裏是jquery的原有文件
return $.noConflict();
});
   */   
    var $ = require('./jquery');
    /*
     引入的數據文件
    */
    var data = require('./data');
    /*
    要引入的css文件
    */
    var css = require('./style.css');
    
    $('.author').html(data.author);
    $('.blog').attr('href', data.blog);
});
 
//data.js
define({
    author: 'ZhangYang',
    blog: 'http://leoo2sk.cnblogs.com'
});
//style.css:
.author{color:red;font-size:10pt;}
.blog{font-size:10pt;}
    

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章