Maison >interface Web >js tutoriel >require' des problèmes jquery et angulaires modulaires

require' des problèmes jquery et angulaires modulaires

巴扎黑
巴扎黑original
2017-06-23 10:54:15984parcourir

require Problèmes de développement modulaire, normalement le module que vous écrivez consiste à exporter un module

// La modularisation introduit des différences et des problèmes avec jquery

require introduit jquery swiper.... Plug-ins et Lorsque vous utilisez la bibliothèque, vous avez besoin de

require.config({
baseUrl:"js/libs", //L'emplacement du répertoire du dossier par rapport aux chemins html
 :{
' jquery':" jquery-1.9.1" //Le nom de fichier du plug-in ou de la bibliothèque
 'swiper':"File name/swiper" //Ceci peut également être modifié lorsque chaque plug-in et bibliothèque sont pas dans le même dossier
 }
})

definition(['angular','swiper'],function($){ //Écrivez les variables des plug-ins et des bibliothèques que vous enregistré ci-dessus entre crochets
//jquer/ Écrivez simplement comment swiper est écrit ici

//Si vous souhaitez renvoyer une méthode native, vous avez besoin de
var fn=function(){};

//Nous devons utiliser un objet json pour écrire ceci La méthode renvoie et n'exporte pas le module vers les exportations normales
return {fn:fn}
})

//Utilisez html : require(['file name'], function(mod){ mod.fn (); // La méthode d'utilisation de RETURN
})

// introduction modulaire du problème de développement Angular Angular n'utilise pas les spécifications du module AMD

Require.config ( {
baseUrl:"js/libs", //L'emplacement du répertoire du dossier par rapport aux chemins html
 :{
'angular':"angular.min" //nom du fichier angulaire
},
shim :{
'angular':{exports:'angular'} //Vous devez exporter un fichier global variable nommée angulaire
}
})
definition('app',[ 'angular'],function(){ //L'application précédente est le nom du fichier et transforme le fichier actuel en module AMD
//Écrire angulaire normalement
var app=angular.module('mk',[])
return app; //Ceci renvoie le module de définition angulaire

})

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn