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:132478parcourir
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 :
É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!