suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erklärung von Require.js

Detaillierte Erklärung von Require.js

php中世界最好的语言
php中世界最好的语言Original
2018-03-14 09:15:081628Durchsuche

Dieses Mal bringe ich Ihnen eine detaillierte Erklärung von Require.js. Was sind die Vorsichtsmaßnahmen für die Verwendung von Require.js? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

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

Ich glaube, Sie haben es nach dem Lesen gemeistert Der Fall in diesem Artikel Weitere spannende Methoden finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So implementieren Sie eine Knotenverbindung zu MySQL

Verwenden Sie JS, um den Sortieralgorithmus zu implementieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung 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 Webpack js verpacktNächster Artikel：Wie Webpack js verpackt

In Verbindung stehende Artikel

Mehr sehen