fl3nkey

Насколько я знаю, _ в JS является валидным именем переменной, такую переменную можно создать, обращаться к ней и т.д. Так получается что я просто передаю в ф-цию неиспользуемую переменную?? Тоже самое как сделал бы a => { ... } ??

Именно так.

Лично я отдаю предпочтение () => { ... } по ряду причин:

1. Нет неиспользуемых переменных. Нет ругательств со стороны линтеров. Для рантайма это мизерное, но всё таки, улучшение производительности
   
2. Если говорить про TS, то тут вообще не рекомендуется синтаксис a => { ... }, только (a) => { ... }. И банально проще, когда у тебя весь код по разным проектам в одном стиле.
   
3. Мне так больше нравится чисто эстетически.
   

const count = Array.prototype.reduce.call(
  document.querySelectorAll('.col'),
  (acc, n, i, a) => (
    n.offsetTop !== a[i - 1]?.offsetTop && acc.push(0),
    acc[acc.length - 1]++,
    acc
  ),
  []
);

Вот и напишите проект, который будет генерировать идеи проектов.

Это конечно круто - публиковать код, не говоря при этом ни слова о том, что он делает, и просить найти в нём косяки. Поступлю симметрично: вот вам код рабочий - сравнивайте со своим, думайте:

const digital_root = num => num > 9
  ? digital_root([...`${num}`].reduce((acc, n) => acc + +n, 0))
  : num;

Хочу научиться использовать последние стандарты (ES7, ES8), смотрел их разные фишки, хотелось бы попробовать, но как эти стандарты можно активировать?

Babel вам в помощь.

Видел фишки что то вроде "Точечный синтаксис"
Что-то вроде этого:
console.log ('Привет Мир!');
можно заменить на
c.l.'Привет Мир!'..

Это здесь? С первым апреля вас.

Проблема в реактивности, при изменении текстов в инпуте, меняются старые записанные обьекты

Ну да, ну да. Вот так и получается: JS не учи, фреймворки используй.

Сохраняйте копию вместо оригинала. Типа так:

state.filter_list.push({ ...state.filter })

Это если объект плоский. Если есть вложенность, используйте _.cloneDeep, например (или какой-либо иной аналог, или сами можете попробовать реализовать рекурсивную функцию копирования).

Браузер игнорирует всю группу селекторов, если один из них не валиден. А для хрома например ::-moz-selection будет не валидным, а значит свойства не будут применены.

Во-первых - вы пытаетесь установить в качестве обработчика resize не метод, а результат его выполнения. Во-вторых - честно говоря, затрудняюсь понять, на что вы рассчитывали, как бы вы ни дёргали метод расчёта высоты, что от этого измениться для computed? Да ничего. Класть результат в data вам уже советовали, и даже показали рабочий пример - тут я ничего добавлять не буду (кроме того, что лично я - всё-таки результат в data бы положил). Если вам кровь из носу надо без хранения результата, то... ну, вот говнокод:

<div id="app">
  <h1>{{ h() }}</h1>
</div>

new Vue({
  el: '#app',
  methods: {
    h() {
      return Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
    },
  },
  created() {
    window.addEventListener('resize', () => this.$forceUpdate());
  },
});

Блоки .faq-content__row оформляете в виде отдельного компонента, у которого будут параметры - заголовок и описание, и свойство, отвечающее за показ описания:

props: [ 'title', 'desc' ],
data: () => ({
  showDesc: false,
}),

<div class="faq-content__row">
  <header class="faq-content__title">
    <h2 class="faq-content__h2">{{ title }}</h2>
    <div class="faq-content__button" @click="showDesc = !showDesc">+</div>
  </header>
  <p
    :class="{
      'faq-content__description': true,
      'faq-content__description--active': showDesc,
    }"
  >{{ desc }}</p>
</div>

Сами заголовки и описания делаете свойствами объектов, объекты складываете в массив, на основе которого, с помощью v-for, будут создаваться экземпляры компонента:

data: () => ({
  items: [
    { title: '...', desc: '...' },
    { title: '...', desc: '...' },
    ...
  ],
}),

<div class="wrapper">
  <v-faq
    v-for="item in items"
    v-bind="item"
  ></v-faq>
</div>

https://jsfiddle.net/2s8f4t73/

А что с ними не так? Все сжалось очень хорошо.

потому что в области видимости, где находится alert не видно функцию Class1. Надо вынести ее из функции fabric

function Class1() {
}

function fabric() {
  return new Class1();
}
var o = fabric();

alert( o instanceof Class1 );

:style="{'background-image': 'url(' + require('./images/bg/1.jpg') + ')' }"