0xD34F

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>

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

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

filters: {
  limit(str, limit) {
    return str.length > limit ? str.slice(0, limit) + '...' : str;
  }
}

methods: {
  sup(val) {
    return val.replace(/\.(\d+)/g, '<sup>$1</sup>');
  }
}

<div class="wrapper">
  <div class="item"></div>
  <div class="item"></div>
</div>

.wrapper {
  display: flex;
  justify-content: space-evenly;
  border: 1px solid black;
  height: 200px;
}

.wrapper .item {
  border: 1px solid black;
  width: 40%;
  height: 20%;
  position: relative;
  top: 70%;
}

$(document).on('click', '.ev-title', function() {
  $(this).closest('.wrapper').find('.dop-descr').toggleClass('visible');
});

const containerSelector = '.wrapper';
const buttonSelector = '.ev-title';
const activeClass = 'active';

$(containerSelector).on('click', buttonSelector, e => {
  $(e.delegateTarget).toggleClass(activeClass);
});

document
  .querySelectorAll(`${containerSelector} ${buttonSelector}`)
  .forEach(n => n.addEventListener('click', onClick));

function onClick() {
  this.closest(containerSelector).classList.toggle(activeClass);
}

больше не появлялось пока он не почистит куки

options: {
  scales: {
    yAxes: [ {
      ticks: {
        min: 4
      }
    } ]
  }
}

$t = 0x31;
$lowerBits = $t & 0xF;

Получается накосячил где-то в promise, но не могу разобраться где

да и непонятно тогда, почему console.log(tree) выводит полностью данные

export default { ...test1, ...test2 };

// или

export default Object.assign({}, test1, test2);

// или

export default ((merged, ...objs) => {
  for (const n of objs) for (const k in n) {
    if (n.hasOwnProperty(k) && !merged.hasOwnProperty(k)) {
      merged[k] = n[k];
    }
  }

  return merged;
})({}, test2, test1);

const spinWords = str => str
  .split(' ')
  .map(n => n.length > 4 ? [...n].reverse().join('') : n)
  .join(' ');

function spinWords(str) {
  return str.replace(/\S{5,}/g, m => ''.concat(...Array.from(m).reverse()));
}

max-height: 90%;
overflow: auto;

const result = Object
  .entries(Object.assign({}, ...arr1, ...arr2))
  .map(n => ({ [n[0]]: n[1] }));

const union = (key, ...arrs) =>
  Object.values([]
    .concat(...arrs)
    .reduce((acc, n) => (acc[key(n)] = n, acc), {})
  );

const result = union(el => Object.keys(el)[0], arr1, arr2);

const result = _.unionBy(arr1, arr2, el => _.keys(el)[0]);

fetch(url)
  .then(r => r.json().then(data => ({ data, headers: r.headers })))
  .then(r => console.log(r.data, r.headers));

$(document).click(function(e) {
  const $target = $(e.target);
  let $itemsToClose = $('.top-menu__item');

  if ($target.hasClass('top-menu__link')) {
    const $item = $target.closest('li');
    $item.toggleClass('top-menu__item_open').children('ul').slideToggle();
    $itemsToClose = $itemsToClose.not($item);
  }

  $itemsToClose
    .removeClass('top-menu__item_open')
    .children('ul')
    .slideUp();
});

try:
    skdjfald
except Exception as e:
    print(e)

.a-image {
  border: none;
}