Maison >interface Web >Tutoriel Layui >Comment citer Layui
Comment citer Layui
- 藏色散人original
- 2019-07-20 11:47:164814parcourir
layui Comment citer
Comment introduire rapidement layui dans le projet après l'avoir téléchargé, layui est un classique Interface utilisateur frontale modulaire, ses modules sont basés sur la méthode de chargement de module asynchrone implémentée en interne par layui.js, qui est différente des spécifications AMD communément connues. Il existe un ensemble de spécifications de chargement de module qui sont entièrement définies par layui via le préchargement. , c'est aussi la méthode recommandée par les responsables de layui. Pour introduire le code source téléchargé dans le projet, il suffit d'introduire les deux fichiers layui.css et layui.js, et de terminer le chargement des modules à utiliser via le méthode layui.use().
Comme le montre l'exemple suivant : Charger la version stable de jquery et le composant layer intégré à layui
[Lorsque nous entrons en contact pour la première fois avec layui, si nous n'avons pas encore eu la patience de lire la documentation officielle de layui, on peut d'abord se rappeler Faites attention au format d'utilisation et aux spécifications d'utilisation. Une fois que vous pouvez l'utiliser normalement, allez plus loin, ne vous attardez pas sur les détails et arrêtez d'avancer. à propos de l'utilisation de layui. Ils ont lu le code source de layui sans lire le document. Le résultat, je suis toujours dans le brouillard, pensant à tort qu'aller directement au code source est le meilleur moyen, aveuglant mes yeux avec une feuille et ne voyant pas. la montagne, me boucher les oreilles avec des haricots et ne pas entendre le tonnerre
Avis personnel : Si vous étudiez et pensez que vous devriez ignorer la documentation et lire directement le code source La méthode me convient et j'ai gagné Je ne commente pas pour l'instant, mais si elle est utilisée pour le travail, je pense personnellement que cette méthode est la plus maladroite. Par conséquent, les documents officiels sont une lecture incontournable pour les débutants, au lieu d'aller directement lire le code source de cette série. des documents peuvent être utilisés comme larryms Conditions préalables de base pour l'utilisation du produit Si vous êtes nouveau sur ce produit, il est recommandé de le lire. S'il y a des défauts, veuillez les corriger dans les commentaires]
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(['jquery','layer'],function(){
var $ = layui.$,
layer = layui.layer;
#your js coding
});
</script>
</body>
</html>Remarques :
La méthode de préchargement est meilleure que le chargement à la demande en termes de maintenabilité du code, de commodité de lecture, d'élégance et de beauté du code pour éviter toute confusion causée par la layui visible .use(). Nous avons rencontré des exigences extrêmes en matière de performances du site Web pour les utilisateurs qui utilisent la méthode de chargement à la demande [le chargement à la demande n'est pas recommandé] les relations entre les variables ne sont pas gérées correctement. Bien sûr, dans certains cas spécifiques, il peut être utilisé avec layui.cache.xx C'est aussi un moyen relativement bon d'utiliser le chargement à la demande de variables globales
Mais en même temps, il n'est pas recommandé d'introduire directement layui.all.js pour tout charger en même temps (la méthode de chargement complet semble perdre le sens de la modularisation layui. Le préchargement des composants du module est relativement courant dans les produits larryms) ;
Pour des articles plus techniques liés à Layui, veuillez visiter la colonne Tutoriel Layui Framework pour apprendre !
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!