0xD34F

SELECT date(create), count(*)
FROM table_name
GROUP BY date(create)

Замените film.genre на genre.genre_name.

А вообще - странно у вас как-то сделано. По-вашему что - не бывает фильмов, которые можно отнести к нескольким жанрам? Может, лучше убрать колонку genre из film и вместо этого сделать таблицу связи фильмов с жанрами?

Я так понял, вам нужно что-то вроде этого:

let items = (recoupment > 0 && await getItems(id, price, true)) || await getItems(id, price, false);

<div class="container">
  <input maxlength="10">
</div>

const container = document.querySelector('.container');
const input = container.querySelector('input').cloneNode();

container.addEventListener('input', ({ target: t }) => {
  if (t.value.length === +t.maxLength) {
    const nextInput = t.nextElementSibling || input.cloneNode();
    t.insertAdjacentElement('afterend', nextInput);
    nextInput.focus();
  }
});

1. "Не работает <подставьте имя технологии / инструмента / etc> правильно" - с таким настроем лучше гамбургеры в макдональдсе заворачивать. Если что-то не получается, то первый вопрос должен быть таким: что Я делаю неправильно?

2. У вас опечатка - ntn-child вместо nth-child.

const a = v1 => {
  const f = v2 => a(v1 + v2);
  f.valueOf = () => v1;
  return f;
};


a(1)(2)(3)(4)(5) * 6  // 90
10 + a(4)(5)(6)       // 25
Math.pow(a(8)(1), 3)  // 729
a(4)(6) - a(3)        // 7

Устанавливайте значение с помощью $set.

Т.е., вместо

file['selected'] = true

сделайте

this.$set(file, 'selected', true)

reg = new RegExp(`(.*\\${pattern}$)`)

display: inline-block;забыли

Переписал код с ES5 на ES6

Брехня. Первое что видим, открыв оба варианта - const и шаблонную строку. То есть, у вас везде используются возможности ES6. Во втором варианте (это который якобы ES6) для сохранения контекста зачем-то применяется bind вместо arrow functions.

Теперь какие косяки были вами допущены:

• забыли подключить jquery
  
• в методе clickarea неправильно привязали контекст, в результате пытаетесь вызывать несуществующий метод
  
• в методе _setupDrag неправильно вешаете обработчик mousemove или в методе _finishDrag неправильно снимаете - в первом у вас addEventListener, во втором off
  
• в методе _updateTrackFill неправильно вычисляется новая позиция - должно быть this._length вместо length
  

Вот исправленный вариант.

Булево свойство, используете его в v-if, по клику переключаете значение:

data: () => ({
  show: false
})

<button @click="show = !show">{{ show ? 'hide' : 'show' }}</button>
<my-component v-if="show"></my-component>

https://jsfiddle.net/5L4phtua/

UPD. Для того, чтобы показывать несколько экземпляров - массив и v-for:

data: () => ({
  items: []
}),
methods: {
  add() {
    this.items.push(...);
  }
}

<button @click="add">add</button>
<my-component v-for="n in items"></my-component>

https://jsfiddle.net/5L4phtua/1/

$('.menu_item').click(function() {
  $('ul', this).slideToggle('slow');
});

Что значит "перегружен"? Как по мне - так нормально.

А вот то, что выдаёт результаты неправильные - это косяк. Четвёртый пример, максимальные элементы - 10 и 24, произведение 240, а у вас 45. Сортировка по умолчанию сравнивает элементы как строки, поэтому максимальными у вас оказываются 5 и 9. Ещё с пустым массивом всё плохо будет.

У вас же есть объект, который вы хотите перезаписать - можно просто найти его индекс в массиве:

const fileIndex = this.files.indexOf(fileInArr);
this.$set(this.files, fileIndex, response.data);

php.net/manual/ru/mysqli.multi-query.php

"Обнулить" - никак. Можно сделать невидимым:

input:focus::placeholder {
  color: transparent;
}

float t = 7.8f;
int a = (int) t;
int b = (int) (10 * (t - a));

arr = arr.filter(n => n.id !== ID);

Или, если не хотите создавать новый массив:

arr.splice(arr.findIndex(n => n.id === ID), 1);

Это, конечно, если вы уверены, что элемент с таким id действительно есть. В противном случае перед удалением надо проверить, чем является индекс:

const index = arr.findIndex(n => n.id === ID);
if (index !== -1) {
  arr.splice(index, 1);
}

s.substr(0, s.find_last_of('/') + 1)

function toggleClass(selector, className, delay) {
  let index = -1;

  return setInterval($items => {
    $items.eq(index).removeClass(className);
    index = (index + 1) % $items.length;
    $items.eq(index).addClass(className);
  }, delay, $(selector));
}


const intervalId = toggleClass('.wrap div', 'active', 300);

или

function toggleClass(selector, className, delay) {
  const items = document.querySelectorAll(selector);
  let index = ~-items.length;

  return items.length
    ? setInterval(() => {
        items[index].classList.remove(className);
        index = -~index % items.length;
        items[index].classList.add(className);
      }, delay)
    : null;
}