Запишите использование двух регулярных выражений

Вчера я столкнулся с проблемой сопоставления двух регулярных выражений при выполнении mergeCSS. Это тоже заняло много времени. Наконец, с помощью однокурсников CE из группы CSS Forest, я специально записал их и могу. используйте их в будущем.

Первая — это проблема сопоставления путей к изображениям. Обрабатываемая строка:

 background:url(demo.jpg);background-image:url(demo.gif);

Изначально я написал следующее:

 url((.*))

Результат:

 url(demo.jpg);background-image:url(demo.gif);

Как видите, результат сопоставления двух картинок в одну не тот, что вы ожидали. Измените его на ленивое сопоставление следующим образом:

 url((.*?))

Результат:

Два изображения были сопоставлены, что и является желаемым результатом. :)

Вторая проблема — использование переменных в регулярных выражениях. Давайте кратко объясним, почему добавление переменных также может быть проблемой. Давайте сначала посмотрим на описание объекта RegExp и метода replace() . Общий способ написания регулярных выражений Javascript. :

 /正则表达式/匹配模式

Все содержимое между «/» будет рассматриваться как регулярное выражение, поэтому имя переменной будет рассматриваться как строка. Без добавления "/"? Это нормально, но если вы не добавите «/», вы не сможете указать режим сопоставления и сможете сопоставить только первый.

затем:

 new RegExp("url\((" + 变量名+ ")\)", "g");

Здесь следует отметить использование "\" для выхода, потому что

Во время этого процесса "\" будет преобразовано в "", то есть приведенный выше результат:

 /url((变量内容))/g