Сергей delphinpro

Нет. fetch - это самый низкоуровневый API для запросов.
Axios - это уже целая обвязка.
Вы можете использовать тот же Axios, или написать свою обертку вокруг fetch

PS/ так как уже существует axios, лично я не вижу никакого смысла в использовании чего-то другого.

Считает общую сумму зарплат во всех подразделениях

Перепишем то же самое более наглядно, без стрелочных функций:

let initial = 0;
department.reduce(function callback(prev, current) {
  return  prev + current.salary
}, initial);

Reduce проходит по каждому элементу массива и для каждого вызывает функцию обратного вызова (callback). В этот коллбек передается значение, возвращенное из предыдущей итерации prev (либо initial на первом элементе) и текущий элемент current.
Получается, на каждом шаге мы прибавляем сумму зарплаты и возвращаем это значение.

let tm;

function event_search(event) {
    let search_value = event.target.value;

    clearTimeout(tm);
    tm = setTimeout(() => {
        axios.post(document.location.pathname, { search_value }, { headers })
            .then(function (res) {
                console.log(res)
                document.querySelector('#search').innerHTML = res.data
            })
            .catch(e => {
                console.log(e)
            })
    },200)
}

Зачем смешивать две экосистемы?
Поищите слайдер на vue. Или хотя бы ванильный.

По вопросу:

в mounted вешайте слушателя matchMedia на нужный диапазон и в нем инициализируйте/деактивируйте слик.

кроме того можно использовать встроенную функциональность. Обратите внимание на этот пример — в диапазоне 0..300 слайдер выключается.

Сеттер по сути есть функция (метод). Внутри вы обращаетесь к this. При этом сеттер вызывается в контексте myObject, вот и создается свойство у myObjcet, т.к. this указывает на него.

Why Lodash?
Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc.
Lodash’s modular methods are great for:

• Iterating arrays, objects, & strings
  
• Manipulating & testing values
  
• Creating composite functions
  

https://lodash.com/

function getData(){
  return $.ajax({
    type: "POST", 
    url: "getdata.php", 
  });
}

getData.done(function(data){
  alert(data);
});

async function getData() {
    return new Promise(function(resolve, reject) {
        $.ajax({
            type: "POST", 
            url: "getdata.php", 
            success: function (msg) { 
                resolve(msg);
            },
            error: function (response) { // Данные не отправлены
                reject('Ошибка. Данные не отправлены.');
            }
        }); 
    });
}

let data = await getData();

$(document).ready(function () {
    const b_w = document.documentElement.clientWidth;
    const w = b_w - 1216;
    $(".fs__img").css({
        "margin-left": w + 'px'
    });
});

Саму функцию initFavs() надеюсь вызываете? =)

внутри .product_fav есть еще элементы? Если есть, то в fn.target будет именно тот по которому непосредственно кликнули.

попробуйте поменять строку

fn.target.closest('.product_fav').classList.toggle('active');

В остальном код выглядит рабочим.

ширина блока с картинками
ширина слайдера
вычисляем смещение ползунка и пропорционально смещаем картинки
детская задачка.