Explication détaillée de Require.js-js tutoriel-php.cn

Explication détaillée de Require.js

php中世界最好的语言

Libérer： 2018-03-14 09:15:08

original

1525 Les gens l'ont consulté

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>

Copier après la connexion

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");
    })
})

Copier après la connexion

a.js

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

Copier après la connexion

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!