0xD34F

То, что вам нужно, называется делегирование.

Надо только иметь в виду, что focus не всплывает, поэтому обрабатывать его следует на стадии захвата:

document.addEventListener('focus', function(e) {
  if (e.target.tagName === 'INPUT') {
    // здесь ваш код
  }
}, true);

Или, вместо focus использовать focusin, который всплывает.

const getLeapYears = (start, end) => Array
  .from({ length: end - start + 1 }, (n, i) => start + i)
  .filter(n => ((n % 100) && !(n % 4)) || !(n % 400));

console.log(getLeapYears(1888, 2099));

Числа как строки сравниваете. Так что да, '2' > '10', всё правильно.

Что делать? Ну, очевидно - сравнивайте числа как числа. Придётся усложнить метод сортировки, чтобы он умел понимать, с каким типом данных работает. Или, если лень переделывать, можно по-быстрому закостылить: числа сразу превращать в строки, результат сравнения которых будет таким же, как у чисел - дополните их нулями спереди.

UPD. Массив items, передаваемый в мутацию saveSort, содержит те же объекты, что и массив itemsList из стейта, так что никакого find здесь не надо:

mutations: {
  saveSort: (state, items) => items.forEach((n, i) => n.sort = i),
},

А чего непонятно-то? Функция принимает элемент items, должна вернуть значение.

Сама функция может быть методом компонента:

:item-value="itemValue"

methods: {
  itemValue() {
    ...

UPD. Всё ещё непонятно? Ну вот вам небольшой примерчик (сделан на основе первой же демки из документации).

А какая разница, pug у вас или не pug? Всё как обычно:

p test: {{ isNewDesign }}

const containerSelector = '.choose-buttons';
const buttonSelector = '.btn';
const activeClass = 'active';
const maxActive = 3;

$(containerSelector).on('click', buttonSelector, function(e) {
  const numActive = $(`${buttonSelector}.${activeClass}`, e.delegateTarget).length;
  const $this = $(this);

  if (numActive < maxActive || $this.hasClass(activeClass)) {
    $this.toggleClass(activeClass);
  }
});

// или

document.querySelectorAll(containerSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick(e) {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const active = [...this.querySelectorAll(`${buttonSelector}.${activeClass}`)];
    if (active.length < maxActive || active.includes(button)) {
      button.classList.toggle(activeClass);
    }
  }
}

Например, я мог получить все свои ответы по тегу документация (что меня больше всего интересует) таким запросом: https://toster.ru/user/eduardtibet/answers?tag=док...

И сейчас можно. Только вместо answers должно быть tag_answers.

Ну и в списке тэгов, на которые вы подписаны, эта ссылка есть.

mounted не подходит так как, он вызывается при каждом переходе

Если использовать keep-alive, mounted (так же, кстати, как и created - инициировать загрузку данных лучше в нём) будет вызван один раз.

Или можете использовать vuex для хранения данных, и при создании экземпляра компонента проверять их наличие.

char c = 'a';
char str[9] = { 0 };

for (int i = 8; i--; ) {
  str[7 - i] = !!(c & (1 << i)) + '0';
}

printf("%s", str);

navbar.classList.toggle('fixed', (lastScroll - scrollTop > 0) && scrollTop);

Во-первых,

событие не срабатывает

- так не говорят, это безграмотно. События никогда не срабатывают. Срабатывают обработчики событий.

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

Если откроете документацию, то увидите, что там вам никто не обещает вызов onSelect при вызове setDate. Так что формальный ответ на ваш вопрос прост - ну, вот так datepicker устроен. Отвечая на незаданный, но подразумевающийся вами вопрос (как добиться срабатывания onSelect при вызове setDate) - можно соорудить костыль, подменив метод setDate, где будет вызываться исходный метод, а затем выполняться какое-то действие, которое приведёт к вызову onSelect. Например:

const oldSetDate = $.datepicker._setDate;
$.datepicker._setDate = function(...args) {
  oldSetDate.apply(this, args);
  setTimeout(() => args[0].input.find('.ui-datepicker-current-day').click());
};

https://jsfiddle.net/7zge4jv9/1/

UPD. Заявка на данный функционал появилась ещё семь лет назад, но так ничего и не сделали. И не сделают уже, надо полагать.

В v-model должен быть массив, а не состояние конкретного чекбокса; кроме того, чекбоксам следует указать значения. Есть же пример в документации. Соответственно, ваш код можно (но не факт, что нужно) переписать как-то так, например.

p.process-block__stage-number.active I
p.process-block__stage-number II
p.process-block__stage-number III
p.process-block__stage-number IV

button.process-block__btn(data-change=-1)
  span
    b prev
button.process-block__btn(data-change=+1)
  span
    b next

document.addEventListener('click', function(e) {
  const button = e.target.closest('[data-change]');
  if (button) {
    const blocks = [...document.querySelectorAll('.process-block__stage-number')];
    let active = blocks.findIndex(n => n.classList.contains('active'));

    blocks[active].classList.remove('active');
    active = Math.max(0, Math.min(blocks.length - 1, active + +button.dataset.change));
    blocks[active].classList.add('active');
  }
});

https://codepen.io/anon/pen/bZryZQ?editors=1010

SELECT *
FROM table_name
WHERE (column_name->'a')::jsonb @> '3'::jsonb

const getData = (delay = 1000) =>
  new Promise(r => setTimeout(r, delay, сюда подставляете данные));

проблема в том, что при клике по какому-либо элементу подМЕНЮ, первый, элемент который задавался по умолчанию не сбрасывает стиль

Всё-таки стиль сбрасывается. А потом снова устанавливается. Потому что из-за всплытия события срабатывает обработчик клика основного меню. Отменяйте всплытие в обработчике клика подменю, и всё будет OK:

$('ul#topnav li span a').click(function(e) {
  e.stopPropagation();
  ...

Вешаете обработчик события afterChange, внутри которого проверяете номер текущего слайда. Если надо - добавляете новые слайды с помощью метода slickAdd:

$slick.on('afterChange', function(e, slick, slide) {
  if (slide какой надо) {
    $(this).slick('slickAdd', новыеСлайды);
  }
});

https://jsfiddle.net/3aefrdcm/

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

Какие есть варианты исправить ситуацию:

1. Вешайте обработчик клика на инпут вместо лейбла
   
2. Проверяйте целевой элемент, если не инпут - ничего делать не надо
   
3. Обрабатывайте вместо click событие change
   

this.setState(state => Object
  .keys(state)
  .reduce((acc, n) => (acc[n] = n === 'свойствоКотороеДолжноБытьTrue', acc), {})
);

Только наверное все эти булевы свойства надо убрать в отдельный объект - у вас же скорее всего ещё что-то кроме них в стейте есть.

Ну и ещё не очень понятен такой момент - а всегда ли true может быть только одно свойство? Если действительно всегда, тогда вам не нужно множество свойств, достаточно единственного, которое будет не булевым, а числом/строкой, содержащей в себе id/индекс/имя той сущности, которая в данный момент true.