interface Web
js tutoriel
Exemple complet de la série de didacticiels d'introduction à SeaJS (3)_Seajs
Exemple complet de la série de didacticiels d'introduction à SeaJS (3)_Seajs
May 16, 2016 pm 04:57 PMUn 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 :
<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({
auteur : 'ZhangYang',
blog : 'http://blog.codinglabs.org'
});
css :
. author{color:red;font-size :10pt;}
.blog{font-size:10pt;}
L'effet de l'opération est le suivant :
Article chaud
Outils chauds Tags
Article chaud
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Remplacer les caractères de chaîne en javascript
Mar 11, 2025 am 12:07 AM
Remplacer les caractères de chaîne en javascript
Tutoriel de configuration de l'API de recherche Google personnalisé
Mar 04, 2025 am 01:06 AM
Tutoriel de configuration de l'API de recherche Google personnalisé
8 Superbes plugins de mise en page JQuery Page
Mar 06, 2025 am 12:48 AM
8 Superbes plugins de mise en page JQuery Page
Créez vos propres applications Web Ajax
Mar 09, 2025 am 12:11 AM
Créez vos propres applications Web Ajax
Qu'est-ce que & # x27; ceci & # x27; en javascript?
Mar 04, 2025 am 01:15 AM
Qu'est-ce que & # x27; ceci & # x27; en javascript?
Améliorez vos connaissances jQuery avec le spectateur source
Mar 05, 2025 am 12:54 AM
Améliorez vos connaissances jQuery avec le spectateur source
10 feuilles de triche mobiles pour le développement mobile
Mar 05, 2025 am 12:43 AM
10 feuilles de triche mobiles pour le développement mobile
