国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

SeaJS入門教程系列之完整示例(三)

2019-11-20 21:01:22
字體:
來源:轉載
供稿:網友

一個完整的例子
上文說了那么多,知識點比較分散,所以最后我打算用一個完整的SeaJS例子把這些知識點串起來,方便朋友們歸納回顧。這個例子包含如下文件:

1.index.html――主頁面。
2.sea.js――SeaJS腳本。
3.init.js――init模塊,入口模塊,依賴data、jquery、style三個模塊。由主頁面載入。
4.data.js――data模塊,純json數據模塊,由init載入。
5.jquery.js――jquery模塊,對 jQuery庫的模塊化封裝,由init載入。
6.style.css――CSS樣式表,作為style模塊由init載入。
7.sea.js和jquery.js的代碼屬于庫代碼,就不贅述,這里只給出自己編寫的文件的代碼。
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>

<script src="./sea.js" data-main="./init"></script>
</body>
</html>

javascript:
復制代碼 代碼如下:

//init.js
define(function(require, exports, module) {
    var $ = require('./jquery');
    var data = require('./data');
    var css = require('./style.css');

    $('.author').html(data.author);
    $('.blog').attr('href', data.blog);
});

//data.js
define({
    author: 'ZhangYang',
    blog: 'http://blog.codinglabs.org'
});

css:
復制代碼 代碼如下:

.author{color:red;font-size:10pt;}
.blog{font-size:10pt;}

運行效果如下:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凭祥市| 庆元县| 长兴县| 鄂伦春自治旗| 丰都县| 台江县| 和顺县| 长宁县| 潜江市| 儋州市| 万宁市| 凌云县| 建德市| 娱乐| 丰台区| 遂宁市| 泉州市| 松溪县| 渝北区| 琼结县| 新郑市| 海南省| 文山县| 灌南县| SHOW| 朝阳县| 宿州市| 定南县| 伊春市| 孟连| 黄浦区| 尉犁县| 米脂县| 新兴县| 营口市| 团风县| 蓬溪县| 武宣县| 巴塘县| 沂水县| 永康市|