Heim > Artikel > Web-Frontend > Detaillierte Einführung in die Verwendung von require.js
Detaillierte Einführung in die Verwendung von require.js
- php中世界最好的语言Original
- 2017-12-30 16:22:132478Durchsuche
Wir wissen, dass RequireJS ein sehr kleines JavascriptModullade-Framework ist, das die am meisten standardisierte Version von AMD ist (Asynchronous Module Definition, asynchrones Modulladen). Mechanismus). Eine der besseren Implementierungen. Die neueste Version von requireJS ist nur 14 KB komprimiert, was sehr leicht ist. Es kann auch in Abstimmung mit anderen Frameworks funktionieren. Die Verwendung von requireJS wird die Qualität unseres Front-End-Codes definitiv verbessern.
Werfen wir zunächst einen Blick auf eine normale js-Seite, die geladen wird
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/index02.js" ></script>
</head>
<body>
<h1>this is a page.</h1>
</body>
</html>Wenn wir zu diesem Zeitpunkt das Popup-Feld nicht bedienen, wird die Seite nicht weiter geladen , und es wird keinen Seiteninhalt geben, das ist nicht das Ergebnis, das wir erreichen wollen.
Nachfolgend verwenden wir require.js für den Betrieb:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/require2.1.11.js"></script>
<script type="text/javascript">
require(["js/index","js/index01"],function(){
console.log("当js加载成功后会执行的函数");
},function(){
console.log("当js加载失败后会执行的函数");
});
</script>
</head>
<body>
</body>
</html>index.js
define(function(){
console.log("this is a test!");
function test(){
console.log("haha,i am a test!");
}
test();
});Ich glaube, dass Sie die Methode beherrschen, nachdem Sie das oben Gesagte gelesen haben Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website anderen verwandten Artikeln!
Verwandte Lektüre:
Schritte zur Implementierung der PHP-Cache-Optimierung mit Memcached und xcache
So implementieren Sie AJAX und JSONP mit nativem JS
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Verwendung von require.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!