Puisque avalon utilise des attributs de liaison pour réaliser la sélection et le fonctionnement du DOM, la beauté et le débogage de la page deviennent cruciaux. En référence aux spécifications HTML de boostrap, les
spécifications d'arrangement d'attributs suivantes sont formulées comme suit
class (la classe, l'identifiant et le nom sont liés au sélecteur natif du navigateur, ils doit être placé en premier)
id, name (l'ordre de cette définition affecte directement l'ordre des nœuds d'attribut dans les attributs de l'élément, id est exclusif, à utiliser avec prudence)
data- * Cela implique la génération interne d'un objet dataset, et les attributs data-button-* représentant le composant doivent être classés devant les attributs data-* qui représentent uniquement cache
ms-* Ceux sans valeurs d'attribut sont classés devant ceux avec des valeurs d'attribut, classés par longueur
type titre pour hre f style src et autres attributs natifs, classés par longueur
Attributs définis par l'utilisateur, classés par longueur
<p class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front" data-drag-handle="handle" data-drag-before-start="beforeStart" ms-draggable ms-visible="toggle" ms-css-width="width" ms-css-height="height" tabindex="-1" style="position: absolute;" > <p class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" > <span class="ui-dialog-title" >{{title|html}}</span> <button class="ui-dialog-titlebar-close" data-button-text="false" data-button-icon-primary="ui-icon-closethick" ms-widget="button" ms-click="close" type="button" >close</button> </p> </p>
Remarque, nous devrions utiliser l'ID le moins possible, car dans les navigateurs les plus récents, ils tous apprennent d'IE5 pour mapper directement l'ID dans une Variable globale peut provoquer divers problèmes étranges. Le principe de conception des applications monopage est la composantisation. En cela, il ne doit pas y avoir de concept de pages, seulement le concept de composants. La première chose à éviter dans un système de composants, ce sont les variables globales, et id en est malheureusement un exemple typique.
Gestion des espaces et des sauts de ligne
Si le nom de la balise a des attributs, le premier attribut doit l'accompagner, le deuxième attribut doit être une nouvelle ligne et la position doit être alignée avec le premier attribut, et les autres attributs doivent suivre les mêmes règles
Spécifications du format d'attribut
Le nom de l'attribut doit être en minuscules et la valeur de l'attribut doit être placée entre guillemets doubles pour les attributs booléens des éléments de formulaire (tels que. comme coché, sélectionné, désactivé), la valeur de l'attribut est directement ignorée
Règles de fermeture
Les balises de package à fermeture automatique doivent se terminer par "/>", et les autres formats doivent être "< xxx>ffffffffffffffff"
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!