0xD34F

Использовать регулярные выражения не обязательно:

str.split('/').pop()
//или
str.slice(str.lastIndexOf('/') + 1)
// или
[...str].reduce((acc, n) => n === '/' ? '' : acc + n, '')

Но, конечно, если очень хочется, то можно:

str.match(/[^\/]*$/)[0]
// или
str.replace(/.*\//, '')

max(array_map(function($n) {
  return $n['ask']['c'];
}, $obj['candles']))

или

max(array_column(array_column($obj['candles'], 'ask'), 'c'))

Назначьте чекбоксам нормальные значения: :value="name".

Или указывайте в v-model индекс: v-for="(name, i) in names", v-model="checkboxValue[i]".

map/filter:

arr.map((n, i) => n ? i : null).filter(n => n !== null)
// или
arr.map((n, i) => n ? i : NaN).filter(n => n === n)
// или
arr.map((n, i) => !!n && i).filter(Number.isInteger)
// или
arr.map((n, i) => !n || i).filter(n => n !== !0)

reduce:

arr.reduce((acc, n, i) => n ? [ ...acc, i ] : acc, [])
// или
arr.reduce((acc, n, i) => (n && acc.push(i), acc), [])

или, если надо изменить текущий массив, а не создавать новый

for (let i = arr.length; i--;) {
  if (arr[i]) {
    arr[i] = i;
  } else {
    arr.splice(i, 1);
  }
}

// или

arr.reduceRight((_, n, i, a) => n ? a[i] = i : a.splice(i, 1), 0);

// или

arr.splice(0, arr.length, ...любое_выражение_с_map/filter_или_reduce_из_показанных_выше);

// или

let count0 = 0;

for (const [ i, n ] of arr.entries()) {
  arr[i - count0] = i;
  count0 += !n;
}

arr.length -= count0;

Раз уж хотите json - тогда и отправляйте json:

data: JSON.stringify({ action: 'get_genres' })

А на сервере вместо

json_decode($_POST['action'])

будет

json_decode(file_get_contents('php://input'), true)['action']

Можно. Есть пример соответствующего кода для Яндекс.Карт. Для гугла будет по сути то же самое - обработчик клика на маркере, открытие InfoWindow при получении данных, установка содержимого с помощью метода setContent.

...если кто-то советует мне почитать Sequelize документацию...

Советую. Пишут (промотайте вниз, к списку опций), что свойство так и называется - schema.

Добавляем кнопкам атрибут, который будет указывать, на сколько какую координату надо изменить:

<button data-move="-10,0">left</button>
<button data-move="10,0">right</button>
<button data-move="0,-10">up</button>
<button data-move="0,10">down</button>
<button data-move="10,10">right down</button>
<button data-move="20,-5">fast right slow up</button>

Пишем обработчик клика, где считываем значение атрибута, вычисляем и назначаем новые значения координат:

$(document).on('click', '[data-move]', function() {
  const [ dx, dy ] = this.dataset.move.split(',').map(Number);
  $('#overlay')
    .css('left', (i, val) => `${parseInt(val) + dx}px`)
    .css('top', (i, val) => `${parseInt(val) + dy}px`);
});

// или, к чёрту jquery

document.addEventListener('click', e => {
  const { move } = e.target.dataset;
  if (move) {
    const block = document.querySelector('#overlay');
    const { left, top } = getComputedStyle(block);
    const [ dx, dy ] = move.split(',').map(n => +n);
    block.style.left = parseInt(left) + dx + 'px';
    block.style.top = parseInt(top) + dy + 'px';
  }
});

вот так

v-for="post in posts.slice(0, определённое количество)"

Ну и конечно, это можно завернуть в computed свойство.

:is?

Скопировать оригинал и по клику копировать копию:

const $block = $('.block_to_add').clone();

$('.click_to_add_block').click(function() {
  $(this).before($block.clone());
});

UPD. Вынесено из комментариев:

А подскажите, как удалить один из блоков по клику на другую кнопку?

Добавить в блок кнопку удаления и обработчик клика:

$(document).on('click', '.delete', function() {
  $(this).parent().remove();
});

<button class="delete">удалить</button>

Под одной строкой вы подразумеваете однократное обращение к элементу, да?

Object.assign(document.querySelector('#block').style, {
  opacity: '1',
  border: '1',
  color: 'black',
});

Это неправильный подход. Сделайте свойство showDocs, которое будет отвечать за видимость элемента, а на сам элемент добавьте v-show="showDocs". Обработка клика станет выглядеть так: @click="showDocs = !showDocs".

Ну а почему ваш код не работает как надо - так это потому, что дефолтное значение style.display вовсе не none, а пустая строка (скорее всего - вы ведь элемент через css изначально скрываете, да?).

UPD. Вынесено из комментариев:

Так не получиться, так как вывожу элементы в цикле v-for.

Получится. Задайте каждому из перебираемых объектов отдельное свойство, отвечающее за его видимость, как-то так. Или сделайте компонент для отображения отдельного элемента, который будет содержать в себе свойство, управляющее видимостью.

В products мутацию замените на экшен, который будет вызывать мутацию в cart. А из одного модуля напрямую менять состояние другого - идея так себе, на мой взгляд.

Cвяжите состояние чекбокса со значением через v-model, в обработчике клика присваивайте false, типа так.

Если же под "сторонней областью" вы понимаете всё, что находится за пределами какого-то элемента, то вешайте на этот элемент ref; на document вешайте обработчик клика, в котором проверяйте, что target находится за пределами элемента, типа так.

$grouped = [];

foreach ($date as $d) {
  $parts = explode('-', $d);
  $grouped[$parts[0]][intval($parts[1])][] = intval($parts[2]);
}

data: () => ({
  checked: null,
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<label v-for="(n, i) in items">
  <input
    type="checkbox"
    :checked="checked === i"
    @change="checked = $event.target.checked ? i : null"
  >
  {{ n }}
</label>

Одно непонятно - а зачем чекбоксы-то, чем радиокнопки не угодили?

Что за бред-то такой с получением индекса редактируемой строки, вы сами-то понимаете, что делаете? Его надо запоминать при открытии диалогового окна (скажем, так), а вовсе не... не... даже и не знаю, как это назвать, реально БРЕД.