Comment utiliser la fonction use dans SeaJS

Avec la mise en œuvre de spécifications de définition de module telles que définir, nous pouvons développer de nombreux modules. Mais avoir un tas de modules ne suffit pas, il faut les faire fonctionner. Dans SeaJS, il est très simple de démarrer le système de modules :

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use permet de charger des modules dans la page. Grâce à la méthode use, n'importe quel module peut être chargé dans la page.

Syntaxe : seajs.use seajs.use(id, callback?)

// 加载模块 main，并在加载完成时，执行指定回调
seajs.use('./main', function(main) {
main.init();
});

La méthode use peut également charger plusieurs modules à la fois :

// 并发加载模块 a 和模块 b，并在都加载完成时，执行指定回调
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

paramètre de rappel Facultatif. Lorsqu'un seul module est chargé et qu'aucun rappel n'est requis, l'attribut data-main peut être utilisé pour le simplifier :

<script src="path/to/sea.js" data-main="./main"></script>

Le code ci-dessus est équivalent à :

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS fournit également data -config pour charger le fichier de configuration :

<script src="path/to/sea.js" data-config="path/to/config"></script>

data-config Équivalent :

seajs.config({
preload: ['path/to/config']
});

Les règles de résolution de chemin sont cohérentes avec seajs.use.

Ce que j'utilise ici est :

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

Remarque : main est le nom du module. main.method est une fonction définie par le module et les paramètres peuvent y être transmis.

Recommandations associées :

Plusieurs fonctions et configurations couramment utilisées dans Seajs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!