Tout d’abord, je tiens à déclarer que je ne suis pas contre le maillage dans la conception, je suis contre le maillage dans la reconstruction. Cela devrait spécifiquement faire référence à la méthode YUI de maillage de liaison de nom de classe. Vous pouvez jeter un œil au morceau de code suivant :
Exemple de code source
[www.downcodes.com] <div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u premier"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
Vous pouvez clairement voir que le nom yui-u ou yui-g ici n’a aucun sens. Il y a aussi des premières liées à la performance. Je ne sais pas s'il y a une phrase dans le PPT accompagnant le livre "Reconstruction de site Web" que tout le monde a lu - "Après avoir supprimé les balises d'apparence de la page, la refonte du site et du contenu existants deviendra très économique (au en même temps, c'est beaucoup moins cher). Si vous souhaitez modifier la sortie du site, il vous suffit de modifier la feuille de style sans modifier la page elle-même. "Le code comme celui ci-dessus ne peut pas réaliser la séparation entre structure, performances et et le comportement. Les changements entraîneront les problèmes suivants :
Lors d'un changement de performance, le HTML doit être déplacé. Une belle modification nécessite de déplacer trois lignes de travail, ce qui consomme beaucoup de ressources humaines.
La cinquième case appelée « premier » apparaîtra.
Une boîte appelée « 180 de large » qui fait en réalité 240 de large apparaîtra.
Il y aura une mise en page appelée « quatre colonnes » qui est en fait composée de trois colonnes.
Il y aura un mot appelé « bleu » qui est en réalité rouge.
Ceux-ci sont équivalents aux "left_box" et "right_box" qui sont maintenant populaires parmi de nombreuses personnes. Après une révision rapide, ils sont devenus la "right_box" sur la gauche. Cela n'équivaut-il pas à déformer la vérité ? Mais en réalité, le plus important est le premier point. Cette façon de travailler est-elle différente de notre façon précédente de travailler avec la disposition des tableaux ? Si vous demandez un changement de style, toute l'entreprise (conception, page, développement, tests fonctionnels, suivi des données CE) vous suivra. C'est très imprudent.
Après avoir écrit ceci, j'ai regardé en arrière et j'ai changé le titre pour devenir le deuxième article sur CSS dans la série "This Will Be a Revolution". Si ce qui précède est incorrect, laissez-moi vous montrer un extrait de code d'une nouvelle version d'un projet que je viens de reprendre récemment :
Exemple de code source
[www.downcodes.com] <div id="index_news" class="mode">
<h3 class="title">Actualités du bien-être public</h3>
<div class="content">
<ul>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
<li><a href="#">Titre de l'actualité, titre de l'actualité, titre de l'actualité, titre de l'actualité</a></li>
</ul>
</div>
<a class="more" href="#">Plus</a> </div>
Exemple de code source
[www.downcodes.com] .mode{
position : relative ;
flotteur : gauche ;
taille de police : 12 px ;
}
.mode h3.titre,
.mode h4.titre{
couleur : #234C00 ;
remplissage : 5px 10px ;
taille de police : 14 px ;
}
.mode .plus{
haut : 5 px ;
à droite : 10 px ;
taille de police : 12 px ;
couleur : #4282ab ;
position : absolue ;
}
.mode .content{
clair : les deux ;
}
.mode .content:après {
contenu:"";
affichage:bloc;
hauteur:0;
hauteur de ligne : 0 ;
clair : les deux ;
visibilité : masquée ;
}
#index_news.mode,
#index_bbs.mode,
#index_area.mode{
background:url(small_gray_grid.png) répétition-y -400px en bas ;
largeur : 200 px ;
marge : 5px 0 5px 5px ;
}
#index_news.mode h3.titre,
#index_bbs.mode h3.titre{
background:url(small_gray_grid.png) sans répétition -200px haut ;
}
#index_news.mode .content,
#index_bbs.mode .content,
#index_area.mode .content{
background:url(small_gray_grid.png) sans répétition -600px en bas ;
affichage:tableau;
}
Vous pouvez voir les avantages de la pensée modulaire :
Les modules existants peuvent être utilisés de manière semi-automatique pour économiser du temps et des efforts de développement de code.
Il peut être adapté très librement aux différents besoins anormaux de tout chef de produit et de tout patron.
Toute modification des performances ci-dessus ne nécessite pas l’implication des développeurs et aucun test fonctionnel n’est requis.
La surveillance des données CE est liée à l'ID et il n'est pas nécessaire de réajuster l'interface.
Chaque personne est responsable du développement itératif rapide d’un seul module.
Aussi en ce qui concerne le code. Le titre est le titre, et le contenu est le contenu ; vous ne déformerez jamais les faits et ne vous giflerez jamais.
J'ai une bizarrerie. J'aime le fait que lors des entretiens, je teste toujours en premier le XHTML de l'intervieweur. Tout comme lorsqu'un maître recrutait un apprenti dans le passé, les capacités et l'intelligence étaient secondaires, et le caractère était la première priorité.
Je crois que XHTML est comme l'essence d'une personne, CSS est comme la manière et l'attitude d'une personne de faire les choses, et JS est comme le comportement et le style d'une personne pour faire les choses. La séparation des trois plus quelques éléments entourant le référencement et l'interaction homme-machine est ce que nous appelons la reconstruction de sites Web, qui est une très bonne personne. Dans le passé, certaines personnes pensaient toujours que CSS était l’élément le plus important du site Web. En fait, il représente naturellement une vision de la vie. En effet, il est difficile pour une personne de survivre dans la société d'aujourd'hui sans une bonne manière et une bonne attitude de faire les choses ; mais si la manière et l'attitude de faire les choses sont trop ciblées, elle deviendra une personne douée pour tromper et faire les choses sans scrupules. .
C'est ce que j'ai toujours voulu dire. Avec CSS, vous pouvez changer l'ordre gauche-droite en ordre droite-gauche. Vous ne pouvez pas en abuser pour devenir une personne douée pour tromper et faire les choses sans scrupules.
