Récemment, j'ai été obsédé par la « modularisation », y compris les articles et les PPT, et j'ai été obligé de réfléchir à beaucoup de choses connexes. Pour trier mes réflexions sur la « modularité » au cours de cette période, la plupart d'entre elles sont basées sur ma propre expérience et ma compréhension du travail de reconstruction de pages. Il y a des limites dans une certaine mesure, et j'espère pouvoir apprendre de nouvelles choses en les révisant. le passé.
« Modulaire » n'est qu'un nom à la mode pour les technologies et les méthodes que nous avons utilisées dans le passé, tout comme « Ajax ». Cependant, en tant que tendance dans le développement de la reconstruction de pages, les gens y prêtent de plus en plus d'attention et parlent souvent de « modularité » inconsciemment, mais comprenez-vous vraiment ce qu'est la « modularisation » ?
Qu'est-ce que la modularité ?
Il existe 28 interprétations de la « modularité » dans CNKI . On constate que la pensée « modulaire » est largement utilisée. L'explication la plus proche de la « modularisation » dans la reconstruction de pages est probablement celle du développement de logiciels.
Voyons d'abord comment l'entrée de Baidu explique la « modularité » :
"La modularisation fait référence au processus de division d'un système logiciel en plusieurs modules couche par couche de haut en bas lors de la résolution d'un problème complexe. Chaque module remplit une sous-fonction spécifique et tous les modules sont assemblés d'une certaine manière pour devenir un tout. Complétez les fonctions requises par l'ensemble du système. Le module possède les attributs de base suivants : interface, fonction, logique et état. La fonction, l'état et l'interface reflètent les caractéristiques externes du module, et la logique reflète ses caractéristiques internes. l’architecture logicielle, le module. C’est une unité qui peut être combinée, démontée et remplacée.
Il existe également de nombreux livres connexes, et les étudiants intéressés peuvent les rechercher. Il faut souligner que ce dont nous apprenons est une façon de penser.
Pourquoi la production de pages doit-elle être modulaire ?
Le contenu du site augmente et le code devient volumineux, ce qui affecte progressivement l'expérience client (principalement la vitesse d'ouverture) et l'efficacité de la maintenance. Existe-t-il des moyens de résoudre ces problèmes ?
On peut facilement penser à : réduire la redondance du code, améliorer la réutilisation du code, la compression des images, etc., mais comment y parvenir ? La pensée modulaire peut être résolue, ce qui peut réduire efficacement la redondance du code et améliorer la réutilisation du code. Plus important encore, elle peut prendre en charge la maintenance par plusieurs personnes et réduire les coûts de maintenance. La méthode d'écriture CSS est plus flexible et peut facilement provoquer un couplage de code. L'utilisation de la modularisation peut également réduire le couplage dans une certaine mesure, ce qui est également utile pour localiser les bogues. Par conséquent, nous devrions accorder plus d'attention et utiliser la « pensée modulaire » pour écrire le site dès le début.
Une partie considérable de l'optimisation des performances du site que nous avons souvent mentionnée auparavant implique également la « modularisation », comme l'amélioration de la réutilisation du code, l'amélioration de l'efficacité du développement, etc. La « modularisation » présente de nombreux avantages, je vais les énumérer brièvement :
Le point le plus important, je pense, est « l’augmentation de la réutilisation du code », qui est également l’une des caractéristiques les plus importantes de la modularité.
Comment parvenir à la « modularité » ?
Le principal problème ici est la « modularité » du HTML et du CSS. Nous pouvons voir comment implémenter le skinning :
À partir de là, nous pouvons voir l’implémentation de l’interface HTML et CSS :
Afin de mieux implémenter cette interface, il est nécessaire d'avoir des conventions, règles et spécifications pertinentes (interaction, design, page, développement). Par exemple : tous les états actuels utilisent le même nom de classe "nonce", et toutes les performances sont grisées. utilisez Ajouter "_n" après le nom de classe d'origine, comment implémenter Tab, etc. Avec ces conventions, règles et spécifications en place, le code HTML peut facilement être modélisé et unifié avec les spécifications d'interface.
Il y a deux malentendus qu’il faut d’abord comprendre :
Des modules complètement indépendants sont placés dans le même projet. Puisque le projet a sa propre unité de performance et interactive, il doit y avoir des parties similaires entre les modules. Ces parties peuvent être proposées comme définitions communes pour réduire la redondance. , et il est impossible d'être complètement découplé. Par conséquent, un point très important dans la modularisation est le « couplage modéré ». Avec la définition publique, il est nécessaire d'ajuster l'implémentation du style du module, et cet ajustement affectera également l'implémentation de "l'interface".
Étant donné que cet article parle principalement de la manière de penser modulaire, les détails spécifiques de la mise en œuvre seront abordés dans les prochains articles. Pour un contenu connexe, vous pouvez lire la « Modularisation de IKEA Furniture Design » écrite précédemment. Bienvenue pour discuter ensemble.
Texte original : http://www.cssforest.org/blog/index.php?id=134