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 former un tout afin de compléter 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. Dans l'architecture logicielle, les modules sont des unités qui peuvent être combinées, décomposées et remplacées.
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 :
Améliorer la réutilisation du code, améliorer l'efficacité du développement, réduire les coûts de communication, réduire le couplage, réduire les risques de publication, réduire le temps de localisation des bogues et les coûts de correction, augmenter la tolérance aux pannes de page, mieux mettre en œuvre des itérations rapides et mieux prendre en charge les versions en niveaux de gris. , est « l'amélioration du taux de 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 :
Même nom de classe, modifier les fichiers (JS)
Le même fichier, changez le nom de la classe (JS)
À partir de là, nous pouvons voir l’implémentation de l’interface HTML et CSS :
Afin de mieux implémenter cette interface, les trois méthodes de noms de classe introduites par CSS doivent avoir des conventions, règles et spécifications pertinentes (interaction, conception, page, développement). Par exemple : tous les états actuels utilisent le même nom de classe "nonce". " , toutes les performances grisées utilisent le nom de classe d'origine suivi de "_n", l'implémentation de 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 :
La modularisation ne signifie pas qu'elle peut être utilisée n'importe où (les segments de code modularisés ont également des restrictions de portée applicables et nécessitent un environnement fournissant des règles d'interface)
La modularisation ne signifie pas qu'elle ne peut pas être modifiée (les segments de code modularisés peuvent être modifiés en fonction des besoins réels)
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.