Comment citer Layui-Tutoriel Layui-php.cn

Comment citer Layui

藏色散人

Libérer： 2023-01-13 00:40:15

original

8506 Les gens l'ont consulté

La méthode de référence de layui : téléchargez d'abord layui ; puis introduisez les deux fichiers "layui.css" et "layui.js" enfin terminez le chargement des modules à utiliser via le "layui.use( )" méthode. Can.

Comment citer Layui

L'environnement d'exploitation de ce tutoriel : système Windows 7, layui version 2.5.6, ordinateur Dell G3.

Recommandé : "Tutoriel layUI"

layui est un framework d'interface utilisateur front-end écrit en utilisant ses propres spécifications de module, suivant l'écriture et l'organisation du HTML/CSS/ natif JS, le seuil est extrêmement bas et vous pouvez l'utiliser dès la sortie de la boîte. Il est minimaliste à l'extérieur mais plein à l'intérieur. Il est léger et riche en composants, chaque détail, du code principal à l'API, a été soigneusement conçu, ce qui le rend très approprié pour le développement rapide d'interfaces.

Comment citer layui ?

Comment introduire rapidement layui dans le projet après l'avoir téléchargé ? layui est une interface utilisateur frontale modulaire classique. Son module est basé sur la méthode de chargement de module asynchrone implémentée en interne dans layui.js, qui est. cohérent avec la vie quotidienne. Les spécifications AMD bien connues sont différentes. Il existe un ensemble de spécifications de chargement de modules qui sont entièrement définies par layui, c'est également la méthode recommandée par les responsables de layui pour introduire le code source téléchargé. projet, il vous suffit d'introduire les deux fichiers layui.css et layui.js, utilisez la méthode layui.use() pour terminer le chargement des modules qui doivent être utilisés.

Comme le montre l'exemple suivant : Chargement de la version stable jquery intégrée de layui et du composant de couche

Code

<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>Document</title>
     <link rel="stylesheet" href="layui/css/layui.css">
     <!-- your css link -->
</head>
<body>
     <!-- you html code -->
     <script type="text/javascript" src="layui/layui.js"></script>
     <script>
     layui.use([&#39;jquery&#39;,&#39;layer&#39;],function(){
      
        var $ = layui.$,
        layer = layui.layer;
        #your js coding
     });
     </script>
</body>
</html>

Copier après la connexion

Remarque :

Méthode de préchargement indépendamment de le code En termes de maintenabilité, de facilité de lecture, d'élégance et de beauté du code, c'est mieux que le chargement à la demande pour éviter toute confusion causée par le layui.use() visible. J'ai rencontré des utilisateurs qui ont des exigences extrêmement exigeantes en matière de performances du site Web. et utilisez le chargement à la demande [Il n'est pas recommandé d'utiliser la méthode de chargement à la demande par bouton], le chargement à la demande est sujet aux erreurs et peu pratique pour une maintenance ultérieure si la portée et les autres relations des variables ne sont pas gérées correctement. dans certains cas spécifiques, le chargement à la demande peut être utilisé avec la variable globale layui.cache.xx.

Mais en même temps, il n'est pas recommandé d'introduire directement layui.all.js. et chargez-le tout d'un coup (la méthode de chargement complet semble perdre le sens de la modularisation de layui). Les composants du module de layui sont préchargés. C'est relativement courant parmi les produits larryms.

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!