Hier, j'ai rencontré le problème de faire correspondre deux expressions régulières lors de l'exécution de mergeCSS. Enfin, avec l'aide de camarades de classe CE du CSS Forest Group, j'ai complété ces deux expressions régulières et je les ai spécialement enregistrées. utilisez-les à l’avenir.
Le premier est le problème de la correspondance des chemins d’image. La chaîne à traiter est :
Voici le contenu cité : |
Ce que j'avais écrit à l'origine était :
Voici le contenu cité : |
Le résultat est :
Voici le contenu cité : |
Comme vous pouvez le constater, le résultat de la fusion de deux images en une seule n’est pas celui auquel vous vous attendiez. Remplacez-le par une correspondance paresseuse comme suit :
Voici le contenu cité : |
Le résultat est :
Voici le contenu cité : url(démo.jpg); |
Deux images ont été mises en correspondance, ce qui correspond au résultat souhaité. :)
Le deuxième problème est l'utilisation de variables dans les expressions régulières. Expliquons brièvement pourquoi l'ajout de variables peut également être un problème. Examinons d'abord la description de l'objet RegExp et de la méthode replace() . :
Voici le contenu cité : |
Tout le contenu entre "/" sera traité comme une expression régulière, donc le nom de la variable sera traité comme une chaîne. Sans ajouter "/" ? Ce n'est pas grave, mais si vous n'ajoutez pas "/", vous ne pouvez pas spécifier le mode de correspondance et vous ne pouvez faire correspondre que le premier.
Voici le contenu cité : Un nouvel objet RegExp peut être généré via l'objet RegExp, avec le mode et les indicateurs spécifiés. |
alors:
Voici le contenu cité :
|
Ce qu'il convient de noter ici, c'est d'utiliser "\" pour s'échapper, car
Voici le contenu cité : Si le modèle d'argument est une expression régulière plutôt qu'une chaîne, le constructeur RegExp() crée un nouvel objet RegExp avec le même modèle et les mêmes indicateurs que le RegExp spécifié. |
Au cours de ce processus, "\" sera converti en "", c'est-à-dire que le résultat ci-dessus est :
Voici le contenu cité :
|