0xD34F

Повесить обработчики событий mouseenter/mouseleave, менять в них данные, от которых зависит состояние элементов. Например.

Туда: $val * 100.

Обратно: number_format($val / 100, 2, '.', '').

$sql = "{$action} * FROM {$table} WHERE {$field} {$operator} ?";

То есть, вы пытаетесь выполнить DELETE * FROM .... Круто. Не знал, что так можно. Или всё-таки нельзя?

str.gsub(/\bmy\b/, 'me')

key = lambda item: (item[0], item[3])
keys = set(map(key, list_in))
list_out = [ [ k[0], sum(int(n[2]) for n in list_in if k == key(n)), k[1] ] for k in keys ]

Приведите в соответствие имена select'ов и data-атрибутов (name="delivery", data-post - пусть оба будут или delivery, или post). Сделайте пустыми строками значения option'ов, которые соответствуют всем вариантам.

$('.result-btn').on('click', function() {
  const values = $('select')
    .get()
    .filter(n => n.value)
    .map(n => [ n.name, n.value.toLowerCase() ]);

  $('.delivery-table-item')
    .show()
    .filter((i, { dataset: d }) => values.some(([ k, v ]) => d[k].toLowerCase() !== v))
    .hide();
});

const fd = Object.entries(data).reduce((fd, n) => (fd.append(...n), fd), new FormData);

<input @cut.prevent @copy.prevent @paste.prevent>

nextTick + вызов дополнительного reflow путём обращения к одному из свойств анимируемого элемента.

Или назначайте анимируемому элементу key, и изменяйте его когда анимацию надо перезапустить (свойство isAnim в этом случае не нужно).

Или делайте анимацию бесконечной, и чтобы длительность совпадала с интервалом, по которому уменьшаете number. Класс с анимацией назначается в случае, если number ещё есть куда уменьшать.

Если бы вы составили себе труд ознакомиться с описанием метода filter, то знали бы, что он

создаёт новый массив со всеми значениями, для которых функция callback вернула значение, которое может быть приведено к true

В первом случае вы возвращаете true, если элемент массива является числом, то есть, в результирующий массив попадают только числа, и неважно, каковы их значения. Во втором случае вы возвращаете сам элемент, если он является числом, а нули, они да - имеют своим булевым эквивалентом false, поэтому и отбрасываются.

Документации есть что сказать по этому поводу.

Можно попробовать прислушаться:

data: () => ({
  links: [
    { to: '...', title: '...' },
    { to: '...', title: '...' },
    ...
  ],
}),

<ul>
  <router-link v-for="n in links" :to="n.to" v-slot="s">
    <li :class="{ active: s.isExactActive }">
      <a :href="s.href" @click="s.navigate">{{ n.title }}</a>
    </li>
  </router-link>
</ul>

this.nextTick

Да ну?

Какой find, вы чего? Был массив, и остаться должен массив. Используйте map:

.map(n => ({ ...n, actv: false }))

или

.map(n => (n.actv = false, n))

или после монтирования компонента?

Лучше бы конечно так не делать, но если вдруг...

Чтобы реактивность заработала, надо будет или использовать $set:

mounted() {
  this.postsData.forEach(n => this.$set(n, 'actv', false));
},

или создать новый массив:

mounted() {
  this.postsData = this.postsData.map(n => ({ ...n, actv: false }));
},

https://jsfiddle.net/ujxdzas7/

slideTransition: 'linear'

const icons = {
  one: [ 'url иконки раскрытия одного элемента', 'и закрытия' ],
  all: [ 'url иконки раскрытия всех', 'что здесь должно быть, думаю догадаетесь' ],
};

const getState = el => $(el)
  .closest('.team__info-worklog')
  .find('.worklog-table')
  .get()
  .map(n => $(n).is(':visible'));

const setState = (el, state) => $(el)
  .closest('.team__info-worklog')
  .find('.worklog-table').each((i, n) => $(n)[state[i] ? 'slideDown' : 'slideUp']()).end()
  .find('.worklog-expend-all img').attr('src', icons.all[+state.some(Boolean)]).end()
  .find('.worklog-list__expend img').attr('src', i => icons.one[+state[i]]);

const createUpdater = f => e => setState(e.target, f(getState(e.target), e));


$('.worklog-expend-all').on('click', createUpdater(state => {
  return Array(state.length).fill(!state.some(Boolean));
}));

$('.team__info-worklog').on('click', '.worklog-list__expend', createUpdater((state, e) => {
  const index = $(e.target).closest('.worklog-list__row').index();
  return state.map((n, i) => i === index ? !n : n);
}));

const blockSelector = '.block';
const buttonSelector = `${blockSelector} button`;
const itemSelector = `${blockSelector} span`;

Делегирование, назначаем обработчик клика один раз для всех кнопок:

document.addEventListener('click', e => e
  .target
  .closest(buttonSelector)
  ?.closest(blockSelector)
  ?.append(document.querySelector(itemSelector))
);

Или, назначаем обработчик клика каждой кнопке индивидуально:

const item = document.querySelector(itemSelector);
const onClick = e => e.currentTarget.closest(blockSelector).appendChild(item);
document.querySelectorAll(buttonSelector).forEach(n => n.addEventListener('click', onClick));

Очевидно, потому что так захотел автор кода.

Можете заменить круглые скобки фигурными, запятые на концах строк заменить точками с запятыми, перед последним выражением добавить return - код обретёт привычный вам вид.

$keys = array_keys($arr);

$newArr = array_combine($keys, array_map(null, $arr, array_slice($keys, 1)));

const initialValues = [ 100, 100000 ];

const setValues = values => $inputs.val(i => values[i]);

const $slider = $('#slider-range').slider({
  range: true,
  min: initialValues[0],
  max: initialValues[1],
  step: 20,
  values: initialValues,
  slide: (e, ui) => setValues(ui.values),
});

const $inputs = $('#amount_before, #amount_after')
  .on('input', () => $slider.slider('values', $inputs.get().map(n => n.value)));

setValues(initialValues);