suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Einführung in die Verwendung von require.js

Detaillierte Einführung in die Verwendung von require.js

php中世界最好的语言
php中世界最好的语言Original
2017-12-30 16:22:132592Durchsuche

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:

Was soll ich tun, wenn Google Chrome keine CSS-Einstellungen für Text unterstützt, der kleiner als 12 Pixel ist?

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie Ajax Json- und XML-Daten überträgtNächster Artikel：Wie Ajax Json- und XML-Daten überträgt

In Verbindung stehende Artikel

Mehr sehen