Introduction détaillée à l'utilisation de require.js-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2017-12-30 16:22:13

original

2590 Les gens l'ont consulté

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>

Copier après la connexion

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

Copier après la connexion

index.js

define(function(){
  console.log("this is a test!");
  function test(){
    console.log("haha,i am a test!");
  }
  test();
});

Copier après la connexion

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!