Maison > Article > interface Web > Introduction détaillée à l'utilisation de require.js

Introduction détaillée à l'utilisation de require.js

php中世界最好的语言original: 2017-12-30 16:22:132556parcourir

Nous savons que RequireJS est un très petit javascriptchargement de moduleframework, qui est la version la plus standardisée d'AMD (Définition Module asynchrone, chargement de module asynchrone mécanisme). Une des meilleures implémentations. La dernière version de requireJS n'est compressée qu'en 14 Ko, ce qui est très léger. Il peut également fonctionner en coordination avec d'autres frameworks. L'utilisation de requireJS améliorera certainement la qualité de notre code front-end.

Tout d'abord, jetons un coup d'œil à un chargement normal d'une page js

<!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>

À ce stade, si nous n'opérons pas la boîte pop-up, la page ne continuera pas à se charger , et il n'y aura pas de page de contenu, ce n'est pas le résultat que nous souhaitons atteindre.

Ci-dessous, nous utilisons require.js pour fonctionner :

<!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();
});

Je crois que vous maîtrisez la méthode après avoir lu ce qui précède introduction. Pour un contenu plus passionnant, veuillez prêter attention au site Web chinois php autres articles liés !

Lecture connexe :

Que dois-je faire si Google Chrome ne prend pas en charge les paramètres CSS pour les textes inférieurs à 12 px ?

Étapes pour implémenter l'optimisation du cache PHP à l'aide de memcached et xcache

Comment implémenter AJAX et JSONP avec JS natif

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

Article précédent：Comment Ajax transmet les données Json et XMLArticle suivant：Comment Ajax transmet les données Json et XML

Articles Liés

Voir plus