0xD34F

function App() {
  const [ items, setItems ] = useState([]);

  const onItemClick = ({ target: { dataset: { id } } }) =>
    setItems(items.filter(n => n !== +id));

  const onAddNewClick = () =>
    setItems([ ...items, 1 + Math.max(0, ...items) ]);

  return (
    <div>
      {items.map(n => <button onClick={onItemClick} data-id={n}>#{n}</button>)}
      <button onClick={onAddNewClick}>add</button>
    </div>
  );
}

data.map(({ city, street, house, floor, ...n }) => (
  n.address = `${city}, ${street}, ${house}/${floor}`,
  n
))

Вычисляемое свойство:

data: () => ({
  items: [ ... ], // массив данных
  columns: 666, // количество колонок, на которые надо разбить items
}),
computed: {
  columnItems() {
    const { items, columns } = this;
    const colSize = Math.ceil(items.length / columns);
    return Array.from(
      { length: columns },
      (n, i) => items.slice(i * colSize, (i + 1) * colSize)
    );
  },
},

<ul v-for="col in columnItems">
  <li v-for="n in col">{{ n }}</li>
</ul>

Сделайте объект корзины, куда будут записываться добавленные товары. На основе этого объекта создавайте разметку DOM-элемента корзины. Когда добавляете товар - проверяете его наличие в объекте корзины, если да, тогда плюсуете новое количество к тому, что уже есть. Например.

Рейтинг должен быть не набором картинок, а числом. В зависимости от которого, та или иная картинка будет показана определённое количество раз:

<img v-for="i in 5" :src="i > ratingValue ? whiteStar : blackStar">

https://jsfiddle.net/cfvt6ka3/

Array
  .from(document.querySelectorAll('.obj'))
  .filter(n => n.querySelector('.who')?.innerText !== 'Я')
  .forEach(n => console.log(n.innerText));

Кого, куда и по сколько:

const itemSelector = 'здесь должен селектор элементов, которые надо переместить';
const containerSelector = 'а здесь - селектор контейнеров';
const chunkSize = 3;

Перемещаем:

const $items = $(itemSelector);
$(containerSelector).append(i => $items.slice(i * chunkSize, (i + 1) * chunkSize));

// или

const $containers = $(containerSelector);
$(itemSelector).each((i, n) => $containers.eq(Math.floor(i / chunkSize)).append(n));

или

document.querySelectorAll(containerSelector).forEach(function(n, i) {
  n.append(...this.slice(i * chunkSize, -~i * chunkSize));
}, [...document.querySelectorAll(itemSelector)]);

// или

const containers = document.querySelectorAll(containerSelector);
for (const [ i, n ] of document.querySelectorAll(itemSelector).entries()) {
  containers[i / chunkSize | 0]?.appendChild(n);
}

Очевидно, не надо пытаться использовать JSON.stringify. Кидайте объект в консоль как есть. Или, придётся изучить его структуру, и вместо полного объекта превращать в строку копию его части, которая не будет содержать в себе циклических ссылок.

На всём. Иногда - дважды. Потому что клик по label'у вызывает клик по чекбоксу. Так что класс active добавляется и снимается (или наоборот - снимается и сразу добавляется обратно, если до двойного клика был установлен). Вместо кликов по label'у следует обрабатывать change у чекбокса:

$('label > input').change(function() {
  $(this).parent().toggleClass('active', this.checked);
});

functional: true,
render: (h, ctx) => h('div', Array(ctx.props.количествоПовторений).fill(ctx.slots().default)),

https://jsfiddle.net/pw8nubhc/

str.gsub!(/(?=')/, '\\')

<option
  v-for="(n, i) in options"
  v-text="n"
  v-bind="!i && { disabled: true, value: '' }"
></option>

Вот только не могу понять, в чём смысл отключения option'а, содержимое которого вполне осмысленное? - если пользователь выбрал что-то другое, а потом решил вернуться к первому варианту, то сделать это не удастся. Если вы хотите создать что-то вроде плейсхолдера, то создавайте отключенный option отдельно:

<option disabled value="">выбирай!</option>
<option v-for="n in options">{{ n }}</option>

блок_с_радиокнопками.addEventListener('change', e => инпут.disabled = !+e.target.value);

document.querySelector('.block').addEventListener('mousemove', function(e) {
  Object.assign(document.querySelector('.block2').style, {
    left: `${e.layerX}px`,
    top: `${e.layerY}px`,
  });
});

Раз:

Если strict не установлен, то при поиске будет использовано нестрогое сравнение.

Два:

В случае, если вы сравниваете число со строкой или две строки, содержащие числа, каждая строка будет преобразована в число, и сравниваться они будут как числа.

Три:

Значение определяется по начальной части строки. Если строка начинается с верного числового значения, будет использовано это значение. Иначе значением будет 0 (ноль).

Если надо обновлять координаты после перемещения, то слушаете событие boundschange:

map.events.add('boundschange', function() {
  map.balloon.setPosition(map.getCenter());
});

Во время перемещения - слушаете actiontickcomplete:

map.events.add('actiontickcomplete', function(e) {
  const { globalPixelCenter, zoom } = e.get('tick');
  map.balloon.setPosition(map.options.get('projection').fromGlobalPixels(globalPixelCenter, zoom));
});

jsfiddle.net/da9ux62p/1

const containerSelector = '.card_options > div';
const itemSelector = '.option';
const activeClass = 'checked';
const toggleItem = item => item
  ?.closest(containerSelector)
  .querySelectorAll(itemSelector)
  .forEach(n => n.classList[n === item ? 'toggle' : 'remove'](activeClass));


// можно добавить обработчик клика каждому элементу индивидуально
document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => toggleItem(e.currentTarget));

// а можно один раз - делегированный, всей странице
document.addEventListener('click', e => {
  toggleItem(e.target.closest(itemSelector));
});

children

$dataStr = file_get_contents('https://corona-virus-stats.herokuapp.com/api/v1/cases/general-stats');
$dataObj = json_decode($dataStr);

$props = [ 'total_cases', 'recovery_cases', 'death_cases' ];

echo implode('<br>', array_map(function($n) use($dataObj) {
  return $n.': '.$dataObj->data->$n;
}, $props));