Почему тормозит анимация при скролинге страницы?

На счет will-change, спасибо буду знать, искал любые решения..

Прошу прощения что сразу не закинул код.

Код анимации:

setStylePositionY(el, startValue, direction, desiredChangeValue, currentScrollValue, maxHeightStriveValue, withLimits, units = 'px') {
    let localDesiredChangeValue = 0;
    desiredChangeValue == 0 ? localDesiredChangeValue = Math.max(startValue, -startValue) : localDesiredChangeValue = desiredChangeValue;
    let currentValue = this.displacementCalculation(localDesiredChangeValue, currentScrollValue, maxHeightStriveValue);

    if (direction == 'toTop') {

        if (withLimits) currentValue = Math.max(-desiredChangeValue, startValue - currentValue);
        else currentValue = startValue - currentValue;

    } else if (direction == 'toBottom') {

        if (withLimits) currentValue = Math.min(desiredChangeValue, startValue + currentValue);
        else currentValue = startValue + currentValue;

    }

    el.style.transform = `translateY(calc(${currentValue}${units}))`;
}

displacementCalculation(desiredChangeValue, currentScrollValue, maxHeightStriveValue) {
    return (desiredChangeValue / maxHeightStriveValue) * currentScrollValue;
}

Страница:

methods: {
    debounce(func, timeout = 300) {
        let timer;
        return (...args) => {
            clearTimeout(timer);
            timer = setTimeout(() => {
                func.apply(this, args);
            }, timeout);
        };
    },
    updateScrollPosition() {
        this.scrollPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    },
    mainScrollAnimation() {
        this.debounce(this.updateScrollPosition, 60)();
        // ...
    }
}
mounted() {
    window.addEventListener('scroll', this.mainScrollAnimation);
}
beforeUnmount() {
    window.removeEventListener('scroll', this.mainScrollAnimation);
}

<template>
	<my-component :scroll-position="this.scrollPosition" />
</template>

Компонент:

watch: {
	scrollPosition() {
		// вызов setStylePositionY() с нужными параметрами
        }
}

Почему тормозит анимация при скролинге страницы?

Олег, bit.ly/3QCwa5D

Почему возникает 8 ошибка при загрузки файла?

Дмитрий, Смотрел какие модули могут блокировать, но ничего не нашел..

Почему не работает || в if JS?

Просто не выполняется этот код..

Выполняется со всеми id,
так же пробовал так:

if ($(this).attr('id') !== 'aa' || $(this).attr('id') !== 'bb' || $(this).attr('id') !== 'cc') {

все равно не работает, а если допустим пишу так:

if ($(this).attr('id') !== 'aa') {
  if ($(this).attr('id') !== 'bb') {
   if ($(this).attr('id') !== 'cc') {

то так работает

Как найти IPV4- / IPV6-адреса?

Дмитрий, спасибо, но не совсем то что надо мне бы регулярка которая найдет и v4 и v6

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, да работает! большое вам спасибо!

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, дело не в этом, опечатка..

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

Спасибо, это действительно сработало, но щас не могу решить ошибку:

var keys = {"ok+scG8b08NfomCW4Q160JhpoTB8zY+ipTh+SAwLFJcVesYdiup36wRRin6f+2wYmdoWJKA/CRU1vox":684};

        $('.keys ').select2({
            tags: true,
            tokenSeparators: [','],
            createTag: function (params) {
                var term = $.trim(params.term);
                if (term === '') {
                    alert(1)
                    return null;
                }else if((term in keys)) {
                    alert(2)
                    return {
                        id: keys[term],
                        text: term
                    }
                }else{
                    alert(3)
                    return null;
                }
            }
        });

При поиске к примеру ok+scG8b08NfomCW4Q160JhpoTB8zY+ipTh+SAwLFJcVesYdiup36wRRin6f+2wYmdoWJKA/CRU1vox
выбивает 3 сценарий, почему так просходит, и как это можно исправить?

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, не помогает даже если выставить чтобы постоянно возвращало null, в любом случае создается новый тег не смотря на его существование.
Код:

$('.select-2').select2({
            tags: true,
            tokenSeparators: [',', '\n', '\t'],
            formatNoMatches: function() {
                return '';
            },
            createTag: function (params) {
                return null;
            }
        });

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, опять же change, работает только если идет смена значения, но никак не вставка в select

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, там нету события нужного к сожалению, уже искал решение с select2, читал так же на форумах есть возможность с select2, но будет то что я написал, выше...

Кто знает хороший вариант Multi Select с возможностью вставки по делимитру?

N, там нету возможности чтобы при массовой вставки выбиралось именно то значение которое у меня есть в моем select, а выходит что создается новый option с value и соответственно текстом того что вставил, если к примеру я вставил "Test", то будет не-что такое:
<option value="Test">Test</option>

Как исправить 500 ошибку при получении записей Laravel Eloquent?

Логи пустые