0xD34F

const $block = $('.picture__text');
const text = $block.text();
const itemSelector = '.pictures__another';

$(document).on('mouseover mouseout', itemSelector, function(e) {
  $block.text(e.type === 'mouseout' ? text : $(this).text());
});

// или

$(itemSelector).hover(
  e => $block.text($(e.currentTarget).text()),
  () => $block.text(text)
);

Скорее всего я где-то не обнулил интервал или таймаут.

Так точно. В методе gameOver. Должно быть. А вот нету. Надо добавить. Правда, это не сильно поможет. Потому что новый интервал создаётся при каждом клике. Так что надо ещё и обработчик клика снимать. Вы снимаете, но не там и не то (тут следует осознать такую вещь - в removeEventListener следует передавать ту же функцию, что передавалась в addEventListener). Исправлено.

','.join('"{0}"'.format(w) for w in words.split(','))

Добавим два свойства - количество элементов на странице (т.е., сколько элементов следует показывать единовременно) и номер текущей страницы:

perPage: 10, // или 20, или 50, это вам виднее... да и настраиваемым можно его сделать
page: 1,

Затем добавим пару вычисляемых свойств - количество страниц и элементы текущей страницы:

pages() {
  return Math.ceil(this.items.length / this.perPage);
},
pageData() {
  const end = this.page * this.perPage;
  return this.items.slice(end - this.perPage, end);
},

И отобразим элементы:

<div v-for="item in pageData">
  ...

Также сделаем методы для переключения страниц - по номеру и относительно текущей страницы...

goTo(page) {
  this.page = Math.max(1, Math.min(this.pages, page));
},
next(change) {
  this.goTo(this.page + change);
},

...чтобы дать пользователю возможность просмотреть все данные:

<button @click="goTo(1)">в начало</button>
<button @click="next(-1)">предыдущая страница</button>
<button @click="next(+1)">следующая страница</button>
<button @click="goTo(pages)">в конец</button>

https://jsfiddle.net/dkb5wej1/

Куда всунуть этот код? в render() ?

В componentDidMount.

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

Надо только иметь в виду, что 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