0xD34F

<el-select v-model="this.divisions"

<el-option v-for="(dvs, key) in divisions"

const getId = (() => {
  let id = 0;
  return () => ++id;
})();

overlay.click(e => {
  if (e.target === e.delegateTarget) {
    overlay.fadeOut();
  }
});

// или

overlay.click(function(e) {
  $(this).filter(e.target).fadeOut();
});

overlay
  .click(() => overlay.fadeOut())
  .children()
  .click(e => e.stopPropagation());

$.each($.parseJSON(response), (k, v) => $(`.${k}`).text(v));

for (const [ k, v ] of Object.entries(JSON.parse(response))) {
  document.querySelector(`.${k}`).innerText = v;
}

document.querySelector('.listing').after(...arrayWords.map(n => {
  const p = document.createElement('p');
  p.innerHTML = n;
  return p;
}));

// или

document.querySelector('.listing').insertAdjacentHTML(
  'afterend',
  arrayWords.map(n => `<p>${n}</p>`).join('')
);

arrayWords.reduce((prev, n) => {
  const p = document.createElement('p');
  p.innerHTML = n;
  prev.after(p);
  return p;
}, document.querySelector('.listing'));

Конструкция this.items = JSON.parse(cart.response); - не работает, поскольку ajax функция в методе getUpdate – имеет свой контекст

Достучаться до app.items – тоже не получается.

onResize = () => {
  this.setState(() => ({
    /* ... */
  }));
}

componentDidMount() {
  window.addEventListener('resize', this.onResize);
  this.onResize();
}

componentWillUnmount() {
  window.removeEventListener('resize', this.onResize);
}

$('table').on('change', 'select', ({ target: t }) => {

  $(t).replaceWith(t.value);

  // или

  $(t).parent().text(t.value);
});

document.querySelector('table').addEventListener('change', ({ target: t }) => {

  if (t.tagName === 'SELECT') {
    t.parentNode.replaceChild(document.createTextNode(t.value), t);
  }

  // или

  if (t instanceof HTMLSelectElement) {
    t.parentNode.textContent = t.value;
  }

  // или

  t.matches('select') && (t.outerHTML = t.value);
});

progress.css('background-color', [
  { min: 100, color: '#47C965' },
  { min:  40, color: '#f5dd30' },
  { min:   0, color: '#bf4542' },
].find(n => n.min <= strength).color);

const tests = [ здесь перечисляете регулярные выражения ].map((n, i) => ({
  regex: n,
  message: error_wrap.attr(`data-error_${i + 1}`),
}));

const newArr = Object
  .values(arr.reduce((acc, n, i) => ((acc[n] ??= []).push(i), acc), {}))
  .reduce((acc, n) => (n.forEach(i => acc[i] = n.length > 1), acc), []);

// или

const newArr = arr.map(function(n) {
  return this[n];
}, arr.reduce((acc, n) => (acc[n] = acc.hasOwnProperty(n), acc), {}));

// или

const count = arr.reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {});
const newArr = arr.map(n => count[n] > 1);

// или

const newArr = arr.map((n, i, a) => a.indexOf(n) !== a.lastIndexOf(n));

arr.forEach(function(n, i, a) {
  a[i] = this.get(n) > 1;
}, arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map));

// или

const duplicates = arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map);
arr.splice(0, arr.length, ...arr.map(n => duplicates.get(n)));

input[type=checkbox], label{

$('select').change(function() {
  const text = $(':checked', this).text();
  console.log(text);
});

document.querySelector('select').addEventListener('change', function(e) {
  const select = this;
  // или
  // const select = e.target;
  // const select = e.currentTarget;

  const [ option ] = select.selectedOptions;
  // или
  // const option = select[select.selectedIndex];
  // const option = select.querySelector(':checked');
  // const option = [...select.options].find(n => n.selected);

  const text = option.text;
  // или
  // const text = option.textContent;
  // const text = option.innerText;

  console.log(text);
});

document.querySelector('#filter-input').addEventListener('input', e => {
  const val = e.target.value.toLowerCase();

  container.querySelectorAll('.title').forEach(n => {
    n.closest('.card').style.display = n.innerText.includes(val)
      ? 'block'
      : 'none';
  });
});

Object.entries(newValue).forEach(([ k, v ]) => {
  if (v !== oldValue[k]) {
    this.$store.commit('setCarInfo', { to: k, value: v });
  }
});

computed: {
  rangeValues() {
    return new Proxy(this.$store.state.carSetup, {
      set: (target, key, val) => {
        this.$store.commit('setCarInfo', { [key]: val });
        return true;
      },
    });
  },
},

setCarInfo: (state, payload) => Object.assign(state.carSetup, payload),

const obj = Object.fromEntries(arr.map((n, i) => [ `answer${i + 1}`, n ]));

const obj = arr.reduce((acc, n, i) => (acc['answer' + ++i] = n, acc), {});

const obj = {};
for (const [ i, n ] of arr.entries()) {
  obj['answer'.concat(-~i)] = n;
}

keys = list(data.keys())
result = [ { k: data[k][i] for k in keys } for i in range(len(data[keys[0]])) ]

computed: {
  filteredProducts() {
    const keyword = this.keyword.toLowerCase();

    return this.products.filter(item => (
      (item.name.toLowerCase().includes(keyword)) &&
      (!this.colors.length || this.colors.includes(item.color)) &&
      (!this.sizes.length || this.sizes.some(n => item.size.includes(n))) &&
      (!this.categories.length || this.categories.includes(item.category))
    ));
  },
  ...

computed: {
  colorFilter() {
    return Array
      .from(new Set(this.products.map(n => n.color)))
      .sort((a, b) => a.localeCompare(b));
  },
  ...

onChange = {(event, userItem)=>handleChange(event, userItem)}

function handleChange(e) {
  console.log('userItem', this);
  console.log('value', e.target.value);
}

from random import sample

arr = [ 'AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF', 'GGG', 'HHH' ]
string = ''.join(sample(arr, k=len(arr)))