Павел Корнилов

Вот, набросал функцию, парсящую строку с URL, м.б. пригодится:

function parseURL (url) {
	var pU = url.split('/')
	.filter((i, ind, arr)=> i.length && i.indexOf('?') === -1),
      search = url.split('?')[1] || null,
    s = search && search.split('&').reduce((a,c) => {
      var i = c.split('=');
      a[i[0]]= i[1];
      return a;
    }, {});

	return {
		protocol: pU[0].slice(0,-1),
		host: pU[1],
		pathname: '/' + pU.slice(2).join('/') + '/',
    searchFull: '?' + search,
		search: s
	}
}

console.log(parseURL ('https://codepen.io/KorniloFF/pen/qgMVem?editors=0012'));

https://codepen.io/KorniloFF/pen/qgMVem?editors=0012

https://learn.javascript.ru/destructuring#operator...
Не нужно использовать spread без понимания процесса - однозначно.

Не best, но можно как-то так:
UPD

function inc(string $cat, string $name='/single-default.php')
	{
		$path = TEMPLATEPATH.$name;
		if (in_category($cat) && file_exists($path)) include_once($path);
	}
	inc('portfolio');
	inc('portfolio', '/single-portfolio.php');

Потому, что его фактически создали за 2 недели. Но разработчик был, мягко выражаясь, гением, потому до сих пор никакой реальной альтернативы ему на фронт-энде нет.
Соответственно, актуальности такое заявление иметь не может.
А некоторым JS вполне себе нравится. Как по мне - излишества пошли в его поздних версиях, начиная с ES-6.

Источник:

Простите, времени было мало для того, чтобы сделать правильную оптимизацию хвостовой рекурсии. 10 дней почти без сна, чтобы сделать JS с чистого листа, заставить его «выглядеть как Java» (я сделал, чтобы он выглядел как C), и тайком протащить туда его спасительные фишки: first class functions (замыкания сделал позже, но они были частью плана сразу) и прототипы (примерно как в языке Self).

https://habr.com/ru/post/106274/

Есть сервисы, предоставляющие свои API для этого. Например - sypexgeo.net/ru/api

Вся причина в этом:


Ну нельзя столько запросов делать серверу с одной страницы. А если пользователей 100 придёт? Сервер на дешёвом хостинге просто ляжет.

К тому же, некоторые из этих запросов ошибки возвращают. Например - https://verify.authorize.net/anetseal/seal.js

С такого ужаса учиться начинать нельзя!
Хотя бы так для начала - пример: https://codepen.io/KorniloFF/pen/mvjwXx

tmp="[data-img=\"Img<?=$arItem[ID]?>\""];

https://codepen.io/KorniloFF/pen/XOgVYz?editors=1011
UPD - подправил результат, сейчас вроде всё, как в вопросе.
https://codepen.io/KorniloFF/pen/NogBQV?editors=1011

Как простейший вариант - https://codepen.io/KorniloFF/pen/NoRxJo?editors=1011

Это называется рендеринг на клиенте - www.pvsm.ru/javascript/276021

Вот основные этапы этого процесса:

Обработка HTML для создания дерева DOM.
Создание дерева рендеринга.
Расчёт параметров расположения элементов дерева рендеринга на экране, формирование макета страницы.
Визуализация (отрисовка) дерева рендеринга.
www.pvsm.ru/javascript/276021

Нету ничего приличного, сам искал для гостиницы одной.
Есть платные сервисы, но берут, как правило не единоразово, а проценты - получается дорого.
Типа - http://www.бронирование-онлайн.рф/booking-kak-zabr...

\s\d+.+$ => Пустая строка