Maison  >  Article  >  interface Web  >  Explication détaillée de Require.js

Explication détaillée de Require.js

php中世界最好的语言
php中世界最好的语言original
2018-03-14 09:15:081595parcourir

Cette fois, je vous apporte une explication détaillée de Require.js. Quelles sont les précautions d'utilisation de Require.js ? Ce qui suit est un cas pratique, jetons un coup d'œil.

index.html

<!DOCTYPE html><html>
    <head>
    </head>
    <body>
        <span>body</span>
    </body>
    //将require引入,放在html页面最下方,或设置异步请求
    //即: <script src="js/lib/require.js" defer async="true"></script>
      <script src="js/require.js" data-main="js/main"></script></html>

main.js

require.config({    //配置路径
    paths: {        "jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"],        "a": "a"
    }
})require(["jquery", "a"], function($,a) {
    $(function() {              //调用即可,此处的a并无意义,仅为指示,与引入文件顺序有关,即若
              //function($,a)中a换了一种称谓,这里调用时保持一致即可
        a.fun1();
        alert("load finished");
    })
})

a.js

function fun1(){
   alert("it works");
 } //切记,如果需要在调用该函数,一定要记得返回,个人理解为暴露接口return {     fun1: fun1
 };
})```

Je crois que vous l'avez maîtrisé après avoir lu le cas dans cet article Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment implémenter la connexion d'un nœud à MySQL

Utiliser JS pour implémenter un algorithme de tri

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 Webpack emballe jsArticle suivant:Comment Webpack emballe js