国产探花免费观看_亚洲丰满少妇自慰呻吟_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;}

運行效果如下:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 改则县| 江口县| 武安市| 错那县| 双鸭山市| 商都县| 淮阳县| 邹城市| 醴陵市| 镇沅| 襄垣县| 内黄县| 大余县| 新田县| 本溪市| 古浪县| 淳化县| 北安市| 洪雅县| 深水埗区| 沈丘县| 鄱阳县| 蕲春县| 广水市| 集贤县| 高密市| 松滋市| 双桥区| 淅川县| 罗定市| 册亨县| 禹州市| 原平市| 丹寨县| 临洮县| 周宁县| 桑日县| 松潘县| 湖南省| 太白县| 西宁市|