Exemple complet de la série de didacticiels d'introduction à SeaJS (3)_Seajs

Un exemple complet
Cela dit, les points de connaissances sont relativement dispersés, donc au final je prévois d'utiliser un exemple SeaJS complet pour enchaîner ces points de connaissances, afin que les amis peut les résumer et les examiner. Cet exemple contient les fichiers suivants :

1.index.html - page principale.
2.sea.js——Script SeaJS.
3.init.js——module init, module d'entrée, s'appuie sur trois modules : data, jquery et style. Chargé depuis la page principale.
4.data.js——module de données, module de données json pur, chargé par init.
5.jquery.js - module jquery, une encapsulation modulaire de la bibliothèque jQuery, chargée par init.
6.style.css - Feuille de style CSS, chargée par init en tant que module de style.
Le code de 7.sea.js et jquery.js appartient au code de la bibliothèque, je n'entrerai donc pas dans les détails Ici je donne uniquement le code du fichier que j'ai écrit.
html :

Copier le code Le code est le suivant :

< /head>

 

 

Blog

javascript :

Copier le code Le code est le suivant :

//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({
auteur : 'ZhangYang',
blog : 'http://blog.codinglabs.org'
});

css :

Copier le code Le code est le suivant :

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

L'effet de l'opération est le suivant :