SeaJS入門チュートリアルシリーズ完全例(3)_Seajs

完全な例
上でたくさん述べましたが、知識ポイントは比較的分散しているため、最終的には完全な SeaJS サンプルを使用してこれらの知識ポイントをつなぎ合わせて、友人がそれらを要約して確認できます。この例には次のファイルが含まれています:

1.index.html - メインページ。
2.sea.js——SeaJS スクリプト。
3.init.js—init モジュール、エントリー モジュールは、data、jquery、style の 3 つのモジュールに依存します。メインページからロードされます。
4.data.js—データ モジュール、純粋な JSON データ モジュール、init によってロードされます。
5.jquery.js - jQuery モジュール。jQuery ライブラリのモジュール式カプセル化であり、init によってロードされます。
6.style.css - CSS スタイル シート。スタイル モジュールとして init によってロードされます。
7. sea.js と jquery.js のコードはライブラリのコードに属するため、ここでは私が書いたファイルのコードのみを示します。
html:

コードをコピー コードは次のとおりです:

< /head>

ブログ

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({
著者: 'ZhangYang',
ブログ: 'http://blog.codinglabs.org'
});

css:

コードをコピー コードは次のとおりです:

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

操作の効果は次のとおりです: