erfordern modulare JQuery- und Angular-Probleme

require Modulare Entwicklungsprobleme, normalerweise dient das Modul, das Sie schreiben, dazu, ein Modul zu exportieren

// Modularisierung führt JQuery-Unterschiede und -Probleme ein

require führt JQuery Swiper ein.... Plug-Ins und Wenn Sie die Bibliothek verwenden, benötigen Sie

require.config({
baseUrl:"js/libs", //Der Speicherort des Ordnerverzeichnisses relativ zu den HTML-
Pfaden:{
'jquery':" jquery-1.9.1" //Der Dateiname des Plug-Ins oder der Bibliothek
　'swiper':"Dateiname/Swiper" //Dies kann auch bei jedem Plug-In und jeder Bibliothek geändert werden sind nicht im selben Ordner
　}
})

define(['angular','swiper'],function($){ //Schreiben Sie die Variablen der Plug-Ins und Bibliotheken Sie haben oben in eckigen Klammern gespeichert
//jquer/ Schreiben Sie hier einfach, wie Swiper geschrieben wird

//Wenn Sie eine native Methode zurückgeben möchten, benötigen Sie
var fn=function(){} ;

//Wir müssen ein JSON-Objekt verwenden, um dies zu schreiben. Die Methode gibt das Modul zurück und exportiert es nicht in normale Exporte
return {fn:fn}
})

//HTML verwenden: require(['file name'], function(mod){ mod.fn (); // Die Methode zur Verwendung von RETURN
})

// modular Einführung des Angular-Entwicklungsproblems Angular verwendet keine AMD-Modulspezifikationen

Require.config ( {
baseUrl:"js/libs", //Der Speicherort des Ordnerverzeichnisses relativ zu HTML
Pfade: {
'angular':"angular.min" //angular file name
},
shim:{
'angular':{exports:'angular'} //Sie müssen eine exportieren globale Variable mit dem Namen Angular
}
})
define('app',[ 'angular'],function(){ //Die vorherige App ist der Dateiname und verwandelt die aktuelle Datei in ein AMD-Modul
//Winkel normal schreiben
var app=angular.module('mk',[])
return app; //Dies gibt das Winkeldefinitionsmodul zurück

})

Das obige ist der detaillierte Inhalt vonerfordern modulare JQuery- und Angular-Probleme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!