0xD34F

Открыть профиль пользователя. Если забанен, наверху будет написано - когда, на сколько и за что. Например.

Очень просто - в один блок монтируется приложение на react, в другой на vue.

Зачем - вопрос не сюда, спросите у тех, кто так сделал.

Потому что (тут, кстати, следует немедленно поинтересоваться - с чего бы это стиль, относящийся к одному компоненту, описывается в другом?)

.product {
    display: flex;

По умолчанию flex располагает элементы горизонтально.

Добавьте flex-direction: column; для .product. Элементам внутри .product, которые должны находиться на одной строке, добавьте общие обёртки, которым также будет задан display: flex;.

$('.problem').change(({ target: t }) => {
  const attrsSelector = [ 'type', 'problem' ]
    .map(n => `[data-${n}="${t.dataset[n]}"]`)
    .join('');

  $(`.price-problem ${attrsSelector}`).toggle(t.checked);
}).find('input').change();

$arr3 = array_map(fn($n, $m) => array_merge($n, [ 'quantity' => $m ]), $arr1, $arr2);

$('.item img').wrap(function() {
  return '<a href="' + $(this).attr('src') + '"></a>';
});

или

document.querySelectorAll('.item img').forEach(n => {
  n.outerHTML = `<a href="${n.attributes.src.value}">${n.outerHTML}</a>`;
});

или

for (const n of document.querySelectorAll('.item img')) {
  const a = document.createElement('a');
  a.href = n.getAttribute('src');
  n.after(a);
  a.append(n);
}

Никак не исправить, всё работает правильно. Хотите пощупать изменённое значение - для этого есть useEffect.

preg_match('/\/season\/(\d+)\//', $string, $match);
$season = $match[1];

Складываем данные маркеров в массив объектов - каждый содержит координаты и контент всплывающего окна:

const markersData = [
  { position: { lat: ..., lng: ... }, content: '...' },
  { position: { lat: ..., lng: ... }, content: '...' },
  ...
];

Всплывающее окно - одно на всех:

const infoWindow = new google.maps.InfoWindow();

Создаём массив маркеров:

const markers = markersData.map(({ position, content }) => {
  const marker = new google.maps.Marker({ position, map });

  marker.addListener('click', () => {
    infoWindow.setContent(content);
    infoWindow.open(map, marker);
  });

  return marker;
});

Смена иконки - сделаем метод, который будет устанавливать активную у указанного маркера, а у остальных дефолтную (если надо сбросить текущую активную, передаёте null):

const setActiveIcon = marker => markers.forEach(n => n.setIcon(n === marker ? iconActive : icon));

Всё.

function createTree(arr) {
  const tree = Object.fromEntries(arr.map(({ parts, ...n }) => [ n.id, n ]));
  arr.forEach(n => tree[n.id].children = n.parts?.map(m => tree[m]) ?? []);
  return Object.values(tree).filter(n => arr.every(m => !m.parts?.includes(n.id)));
}

Оберните каждую пару из списка и формы в отдельные <div class="wrapper">.

const containerSelector = '.wrapper';
const headerSelector = '.request__nav__item';
const contentSelector = '.request__field';
const activeClass = 'active';

$(containerSelector).on('click', headerSelector, function(e) {
  const $headers = $(headerSelector, e.delegateTarget);
  const index = $headers.index(this);

  $headers.removeClass(activeClass).eq(index).addClass(activeClass);
  $(contentSelector, e.delegateTarget).hide().eq(index).fadeIn();
}).each(function() {
  $(headerSelector, this).first().click();
});

SELECT DISTINCT ON ("code") "code", "key"
FROM table_name

$('a').click(function() {
  const $tabs = $('.splCont');
  const $tab = $tabs.eq($(this).index()).toggle('normal');
  $tabs.not($tab).hide('normal');

  return false;
});

row = [ 2, 3, 7, 9 ]
num_rows = 5

matrix = [ [ f'Ряд {i + 1}, число {item}' for item in row ] for i in range(num_rows) ]

const toSeconds = str => str
  .split(':')
  .reverse()
  .reduce((acc, n, i) => acc + n * (60 ** i), 0);

const sumDiagonals = matrix =>
  matrix.reduce((acc, n, i) => {
    acc.principal += n[i];
    acc.secondary += n[n.length - i - 1];
    return acc;
  }, {
    principal: 0,
    secondary: 0,
  });

const styles = () => ({
  wrapper: {
    background: 'red',
    color: 'blue',
    '& h1':  {
      color: 'green',
      '& a': {
        color: 'magenta',
      }
    },
  },
});

Соответственно, при отрисовке компонента только wrapper и указываете.

numbers.filter(n => !objects.some(m => m.number === n))

или

numbers.filter(function(n) {
  return !this.has(n);
}, new Set(objects.map(n => n.number)))

или

numbers.filter(((nums, n) => !nums.includes(n)).bind(null, objects.map(n => n.number)))

или

Object.values(objects.reduce(
  (acc, n) => (delete acc[n.number], acc),
  numbers.reduce((acc, n) => (acc[n] = n, acc), {})
))

или

Array.from(objects.reduce(
  (acc, n) => (acc.delete(n.number), acc),
  new Map(numbers.map(n => [ n, n ]))
).values())

const newArr = [...arr]
  .sort((a, b) => a.name.localeCompare(b.name) || (a.price - b.price))
  .filter((n, i, a) => n.name === a[i - 1]?.name);

если какое-то значение name встречается лишь единожды, и такие объекты удалять не надо:

const newArr = [...arr]
  .sort((a, b) => a.name.localeCompare(b.name) || (a.price - b.price))
  .filter((n, i, a) => n.name === a[i - 1]?.name || n.name !== a[i + 1]?.name);

если сортировка по именам не нужна:

const newArr = [...arr]
  .sort((a, b) => a.price - b.price)
  .filter((n, i, a) => n !== a.find(m => m.name === n.name));

если сортировка по именам не нужна и единственные экземпляры надо сохранять:

const newArr = [...arr].sort((a, b) => a.price - b.price);

Object
  .values(newArr.reduce((acc, n) => ((acc[n.name] ??= []).push(n), acc), {}))
  .forEach(n => n.length !== 1 && newArr.splice(newArr.indexOf(n[0]), 1));

const phoneRegExp = здесь ваше регулярное выражение;
const phoneButtonTemplate = '<span data-phone="$&">показать телефон</span>';

document.querySelectorAll('.js-phone-replace').forEach(n => {
  n.innerHTML = n.textContent.replace(phoneRegExp, phoneButtonTemplate);
});