0xD34F

<div>
  <button data-step="-1">-</button>
  <button data-step="+1">+</button>
</div>
<textarea cols="30" rows="10"></textarea>

const history = JSON.parse(localStorage.getItem('history')) || [];
let index = history.length - 1;

const $text = $('textarea').change(function() {
  index = history.push($text.val()) - 1;
  localStorage.setItem('history', JSON.stringify(history));
});

$('[data-step]').click(function() {
  goTo(index + +this.dataset.step);
});

goTo(index);

function goTo(newIndex) {
  if (0 <= newIndex && newIndex <= history.length - 1) {
    index = newIndex;
    $text.val(history[index]);
  }
}

$('.block').on('mouseout', function() {
  this.style.transform = '';
});

с data-table vuetify она не работает

<v-data-table
  ref="table"
  ...

mounted() {
  new ColumnResizer.default(this.$refs.table.$el.querySelector('table.v-datatable'), {
    liveDrag: true,
    draggingClass: 'rangeDrag',
    gripInnerHtml: '<div class="rangeGrip"></div>',
    minWidth: 8,
  });
},

const result = people.filter(function(n) {
  return this.has(n.id);
}, new Set(arr));

const result = [];
for (const n of people) {
  for (const m of arr) {
    if (m === n.id) {
      result.push(n);
      break;
    }
  }
}

const result = (function get(i, n = people[i]) {
  return n
    ? [].concat(arr.includes(n.id) ? n : [], get(-~i))
    : [];
})(0);

date_create_from_format('d/M/Y:H:i:s', $str)->getTimeStamp()

<ul>
  <li><span>aaa</span></li>
  <li>
    <span>bbb</span>
    <ul>
      <li><span>bbb.1</span></li>
      <li>
        <span>bbb.2</span>
        <ul>
          <li><span>bbb.2.1</span></li>
          <li><span>bbb.2.2</span></li>
        </ul>
      </li>
      <li>
        <span>bbb.3</span>
        <ul>
          <li>
            <span>bbb.3.1</span>
            <ul>
              <li><span>bbb.3.1.1</span></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

document.querySelectorAll('li').forEach(n => {
  const count = n.querySelectorAll(':scope > ul > li').length;
  n.querySelector('span').append(` (${count})`);
});

for (const n of document.getElementsByTagName('li')) {
  const { length: count } = n.getElementsByTagName('li');
  n.children[0].insertAdjacentText('beforeend', ' (' + count + ')');
}

При изменении item.department меняется и item_loaded.department

this.item_loaded = this.item

data() {
  return {
    item_loaded: { ...this.item },
  };
},

isChanged() {
  return this.item_loaded.department !== this.item.department;
},

default: () => ({ /* можно указать какие-нибудь свойства с дефолтными значениями */ }),

<input
  :value="item.department"
  @input="$emit('update:item', { ...item, department: $event.target.value })"
>

class App extends React.Component {
  state = {
    items: [...Array(20).keys()],
    chunkLen: 3,
  }

  onClick = ({ target: { dataset: { change } } }) => {
    this.setState(({ chunkLen }) => ({
      chunkLen: Math.max(2, Math.min(9, chunkLen + +change)),
    }));
  }

  render() {
    const { items, chunkLen } = this.state;
    const chunks = Array.from(
      { length: Math.ceil(items.length / chunkLen) },
      (n, i) => items.slice(i * chunkLen, (i + 1) * chunkLen)
    );

    return (
      <div>
        <button data-change="-1" onClick={this.onClick}>-</button>
        {chunkLen}
        <button data-change="+1" onClick={this.onClick}>+</button>
        <div>
          {chunks.map(chunk => (
            <div className="group">
              {chunk.map(n => <div className="group-item">{n}</div>)}
            </div>
          ))}
        </div>
      </div>
    );
  }
}

computed: {
  chartData() {
    return this.$store.getters.filterManagersChart.map(n => ({
      name: n,
      data: 53,
    }));
  },
},

class App extends React.Component {
  state = {
    items: Array.from({ length: 10 }, (n, i) => ({
      id: i + 1,
      value: String.fromCharCode(97 + i).repeat(5),
    })),
    active: [],
  }

  toggleActive = e => {
    const id = +e.target.dataset.id;

    this.setState(({ active }) => ({
      active: active.includes(id)
        ? active.filter(n => n !== id)
        : [ ...active, id ],
    }));
  }

  render() {
    const { items, active } = this.state;

    return (
      <ul>
        {items.map(n => (
          <li
            key={n.id}
            data-id={n.id}
            onClick={this.toggleActive}
            className={active.includes(n.id) ? 'active' : ''}
          >
            {n.value}
          </li>
        ))}
      </ul>
    );
  }
}

li a {
  display: flex;
  align-items: center;
}

(((lead._embedded.items[0].custom_fields.find(cf => cf.id == PRODUCT_FIELD_ID) || {}).values || {})[0] || {}).value || null

lead._embedded.items[0].custom_fields.find(cf => cf.id == PRODUCT_FIELD_ID)?.values[0].value ?? null

class TestClass {
  constructor() {
    const self = el => self.data.push(el);
    Object.setPrototypeOf(self, TestClass.prototype);

    self.data = [];

    return self;
  }

  toString() {
    return this.data.join('');
  }
}

const elems = document.querySelectorAll('.fruits');

elems.forEach((n, i) => n.append(arr[i]));

// или

for (const [ i, n ] of elems.entries()) {
  n.innerText = arr[i];
}

// или

for (let i = 0; i < elems.length; i++) {
  elems[i].textContent = arr[i];
}

// или

(function next(i, n = elems.item(i)) {
  n && (n.appendChild(new Text(arr[i])), next(-~i));
})(0);

print(list(filter(lambda n: n % 10 in (2, 3, 4, 5), range(100))))

print([n for n in range(100) if n % 10 in (2, 3, 4, 5)])

print([m + n * 10 for n in range(10) for m in range(2, 6)])

watch: {
  measureSystem: {
    immediate: true,
    handler() {
      // сюда переносите код из mounted - axios.get(...)
    },
  },
},

computed: {
  measureSystem() {
    return this.toggle === 1 ? 'metric' : 'Imperial';
  },
},

$grouped = array_values(array_reduce($data, function($acc, $n) {
  $id = $n['store_id'];
  if (!isset($acc[$id])) {
    $acc[$id] = [ 'store_id' => $id, 'product_id' => [] ];
  }
  $acc[$id]['product_id'][] = $n['product_id'];
  return $acc;
}, []));

$(window).scroll(function onScroll() {
  if ($(this).scrollTop() > 777) {
    $('.div_clone').clone().appendTo('.container2');
    $(this).off('scroll', onScroll);
  }
});

rectPath = `M0 0 v${vert} h${horz} v${-vert} h${-horz}`

cellPath = ([ x, y ]) => `M${offset(x)} ${offset(y)} h${side} v${side} h${-side} v${-side}`