0xD34F

Vue.directive('emoji', (el, binding) => el.innerHTML = emoji(binding.value));

<div class="conversation_name" v-emoji="chatName"></div>

const chained = functions => initialArg => functions.reduce((arg, f) => f(arg), initialArg);

<div
  v-for="item in items"
  class="col-md-3 services-item"
  :class="{ hoverClass: item.hover }"
>
  <img :src="item.scr" alt="">
  <h3 class="my_services_title">Тест</h3>
  <button
    class="btn-price"
    @mouseenter="item.hover = true"
    @mouseleave="item.hover = false"
  >Нажать</button>
</div>

data: {
  items: [
    {
      src: 'img/laptop.png',
      hover: false,
    },
    {
      src: 'img/laptop.png',
      hover: false,
    },
  ],
},

UPD. Конечно, я затупил - как подсказывает в комментариях delphinpro, отдельные свойства hover не нужны, достаточно хранить индекс активного элемента.

Не нужен тут никакой each, обращаться к элементам непосредственно необходимости нет:

$('li, div, p', '#wrapper').attr('custom-attr', i => `test${i + 1}`);

Конечно, если не решите отказаться от jquery:

document
  .querySelector('#wrapper')
  .querySelectorAll('li, div, p')
  .forEach((n, i) =>  n.setAttribute('custom-attr', 'test' + -~i));

str.replace(/(\d+)(x)/g, '$1*$2')

success(response) {
  $('#api-wb').html(JSON.parse(response).loads.map(n => `
    <div class="item">
      <div><b>${n.title}</b></div>
      <div><a href="${n.comments_url}">comments (${n.comments_num})</a></div>
      <div><img src="${n.files[0].small}"></div>
    </div>
  `).join(''));
}

https://jsfiddle.net/gcybmo64/

При перемещении мыши запоминайте координаты курсора, между предыдущими и текущими координатами рисуйте линии, состоящие из кругов. Координаты кругов вычисляйте с помощью алгоритма Брезенхема, например. Как-то так.

Уберите модификатор g, он тут недоступен; вместо preg_match следует использовать preg_match_all.

const arr3 = arr1.map(n => (arr2.find(m => m.date === n) || { count: null }).count);

или

const obj = arr2.reduce((acc, n) => (acc[n.date] = n.count, acc), {});
const arr3 = arr1.map(n => obj[n] || null);

или

const arr3 = arr1.map(function(n) {
  return this.get(n) || null;
}, new Map(arr2.map(n => [ n.date, n.count ])));

Вы засовываете в Promise.all пустой массив, все push'и выполняются после того, как отрабатывает object.map (search - она же асинхронная, да?). Надо при обходе object возвращать промис, который должен резолвиться в коллбеке функции search. Как-то так:

const statusArray = object.map(item => {
  const opts = {
    maxResults: 5,
    key: users[2].token,
  };

  return new Promise((resolve, reject) => {
    search(item.title, opts, (err, videos) => {
      if (err) {
        throw err;
      }
      item.youtubeId.new = videos[0].id;
      item.videos = videos;        
      resolve(ArticleController.addArticle(item));
    });
  });
});

// достаёте компонент из пропсов, обратите внимание, что
// имя переменной должно начинаться с большой буквы
const Component = this.props.component;

// ну и рендерите его
<Component />

\b[\dA-Z]{5}\b

Где элементы находятся, какой класс и у скольких надо удалить:

const parent = document.querySelector('ul');
const className = 'elem';
const count = 2;

Удаляем:

for (let i = parent.children.length, j = count; i-- && j--;) {
  parent.children[i].classList.remove(className);
}

// или

Array.prototype.forEach.call(parent.children, (n, i, a) => {
  n.classList.toggle(className, i + count < a.length);
});

// или

parent.querySelectorAll(`.${className}:nth-last-child(-n + ${count})`).forEach(n => {
  n.classList.value = n.classList.value.replace(RegExp(`(^| )${className}( |$)`), ' ').trim();
});

// или

for (
  let i = 0, el = parent.lastElementChild;
  i < count && el;
  i++, el = el.previousElementSibling
) {
  el.className = el.className.split(' ').filter(n => n !== className).join(' ');
}

Никакой цикл тут не нужен. В смысле - в явном виде:

$('.one .qwer').css('font-size', i => `${12 + i * 4}px`);

И без jquery цикл тоже вручную организовывать не придётся:

document.querySelectorAll('.one .qwer').forEach((n, i) => {
  n.style.fontSize = (-~-~-~i << 2) + 'px';
});

Но, конечно, если очень хочется, то можно и сделать:

const items = document.querySelectorAll('.one .qwer');
for (let i = 0, j = 12; i < items.length; i++, j += 4) {
  items[i].style.setProperty('font-size', ''.concat(j, 'px'));
}

const getTableData = ({ rows: [ head, ...rows ] }) =>
  rows.map(function({ cells: c }) {
    return this.reduce((obj, key, i) => (
      obj[key] = c[i].innerText,
      obj
    ), {});
  }, Array.from(head.cells, n => n.innerText));


const tableData = getTableData(document.querySelector('table'));

Сохраняйте значение scrollHeight. И делайте watch на массив элементов - в обработчике вычисляйте разницу между старым и новым значениями scrollHeight, корректируйте соответствующим образом scrollTop. Как-то так.

С кого начнём выбирать элементы: const selector = '.active';.

Выбираем:

const $result = $(selector).nextAll().addBack();

// или

const result = document.querySelectorAll(`${selector}, ${selector} ~ *`);

// или

const result = [];
for (
  let el = document.querySelector(selector);
  el;
  el = el.nextElementSibling
) {
  result.push(el);
}

// или

const el = document.querySelector(selector);
const siblings = el ? [...el.parentNode.children] : [];
const result = siblings.slice(siblings.indexOf(el));

array.map((n, i) => typeof n.id === 'string' ? i : null).filter(n => n !== null)

или

array.reduce((acc, n, i) => (`${n.id}` === n.id && acc.push(i), acc), [])

https://jsfiddle.net/mn0z4fu5/