0xD34F

watch или обработка события input

$(document).click(function(e) {
  if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
    hidePanel();
  }
});

Если подумать, то регулярные выражения тут не нужны:

const ip = str.split(':', 1)[0];

Если подумать ещё, то всё равно не нужны:

const ip = str.slice(0, str.indexOf(':'));

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

const ip = str.match(/[\d.]+/).pop();

Или так:

const ip = str.replace(/:.+$/, '');

И даже так тоже можно:

const [ ip ] = /.+(?=:)/.exec(str);

Разным элементам назначаете разный animation-delay, а для "задержки" указываете в keyframes промежуток без изменения значения:

<div class="wrapper">
  <div class="block">hello, world!!</div>
  <div class="block">fuck the world</div>
  <div class="block">fuck everything</div>
</div>

.wrapper {
  width: 150px;
  height: 20px;
  font-size: 16px;
  border: 1px solid #000;
  overflow: hidden;
  position: relative;
}

@keyframes movingTopToBottom {
  0% {
    top: 55px;
  }
  40%, 60% {
    top: 0px;
  }
  100% {
    top: -55px;
  }
}

.block {
  animation: movingTopToBottom 6s linear infinite;
  position: absolute;
}

.block:nth-child(1) { animation-delay:  0s; }
.block:nth-child(2) { animation-delay: -4s; }
.block:nth-child(3) { animation-delay: -2s; }

Чё-то вы не то делаете, как мне кажется. Попробуйте так:

@focus="disabled = true"
@blur="disabled = false"
@mousedown="disabled = !disabled"

А обработчики keyup и click уберите.

Метаданные пусть будут массивом объектов, содержащих два свойства: имя компонента и объект с параметрами:

formMeta: [
  { type: '...', props: { ... } },
  { type: '...', props: { ... } },
  ....
],

<div v-for="{ type, props } in formMeta" class="form-item">
  <component :is="type" v-bind="props"></component>
</div>

https://jsfiddle.net/toLc2r59/

fieldset > .ui-checkboxradio-label {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

const plainToNested = (source, target = {}) =>
  Object.entries(source).reduce((acc, [ path, val ]) => {
    const keys = path.split('.');
    const key = keys.pop();
    keys.reduce((p, c) => p[c] = p[c] || {}, acc)[key] = val;
    return acc;
  }, target);

arr.lenght

Вот же позорище.

arr[x].lenght

Два раза позорище.

Слова lenght нет. Есть length. Подобные опечатки могли бы и сами обнаружить.

firstname, lastname = (fullname.split() + [''])[:2]

Кликайте вручную нужный элемент после инициализации аккордеона, типа так.

Или добавьте конструктору параметр - индекс элемента, который должен быть открыт после инициализации, и обрабатывайте его соответствующим образом, например.

А может, всё-таки работает, просто вы результат никак не используете? - preg_replace не меняет исходную строку, а возвращает новую.

На какие кнопки надо нажимать, в каком data-атрибуте лежит id и куда его надо записывать:

const buttonSelector = '.one-click-button';
const dataAttr = 'id';
const input = document.querySelector('#one_b_id');

Как достать из кнопки значение атрибута:

const getId = el => el.dataset[dataAttr];
// или
const getId = el => el.getAttribute(`data-${dataAttr}`);
// или
const getId = el => el.attributes['data-' + dataAttr].value;

Делегирование, обработчик добавляется один раз, клик ловим на документе, надо проверять, что клик случился на кнопке, а не где-то ещё:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    input.value = getId(button);
  }
});

Или, назначаем обработчик клика каждой кнопке индивидуально:

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = getId(e.currentTarget));

/^[а-яё]{3,}(\-[а-яё]{3,})?$/i

держите

Как я могу проверить на наличие в начале строки undefined и удалить её?

А может лучше вы сделаете так, чтобы никаких undefined не было? - исправьте серверный код.

Если же хотите идти путём говнокодера: str.replace(/^undefined/, '').

Разделители забыли:

preg_replace("/2\d\d\d\b/", $aaa, $bbb)

Замените

divParent.insertBefore(elems[i].cloneNode(true), null);

на

divParent.insertBefore(elems[i].cloneNode(true), divParent.firstChild);
// или
divParent.insertAdjacentElement('afterbegin', elems[i].cloneNode(true));
// или
divParent.prepend(elems[i].cloneNode(true));

А вообще, можно и без клонирования сделать:

for (const n of document.querySelectorAll('.basic')) {
  n.after(document.createElement('div'));
  n.nextSibling.classList.add('parent');
  n.nextSibling.innerHTML = '<b>Важная строка</b>';
  n.nextSibling.prepend(n);
}

Ещё вариант - можно собирать разметку вместо создания элементов напрямую:

document.querySelectorAll('.basic').forEach(n => {
  const html = `
    <div class="parent">
      ${n.outerHTML}
      <b>Важная строка</b>
    </div>
  `;

  n.outerHTML = html;
  // или
  n.insertAdjacentHTML('afterend', html);
  n.remove();
  // или
  n.replaceWith(document.createRange().createContextualFragment(html));
  // или
  n.replaceWith(...new DOMParser().parseFromString(html, 'text/html').body.childNodes);
});

Ну так querySelector возвращает один элемент. Надо использовать querySelectorAll:

document.querySelectorAll('.number').forEach(function(n) {
  const top = n.getBoundingClientRect().top;
  const end = +n.dataset.max;

  window.addEventListener('scroll', function onScroll() {
    if (window.pageYOffset > top - window.innerHeight / 2) {
      this.removeEventListener('scroll', onScroll);
      let start = +n.innerHTML;
      const interval = setInterval(function() {
        n.innerHTML = ++start;
        if (start === end) {
          clearInterval(interval);
        }
      }, 5);
    }
  });
});

Не надо там никакого JSON.parse - вы же указали dataType: 'json' в настройках запроса, так что data уже будет объектом.