Aetae

Правильный ответ: querySelectorAll никак не переделывается под Vue.
Забудь про прямую с работу DOM. В Vue ты работаешь с данными и только данными. Изменения в данных автоматически отражаются на отображении, но отображение ты руками вообще не трогаешь.

Если есть проблемы с пониманием - дай более конкретный пример, и тогда мы подскажем более конкретное решение.

Это называется асинхронность. Гугли на тему, информации вагон.
Если вкратце, то: вызов функции происходит сейчас, возврат из функции получается сразу после вызова, а ответ из базы приходит когда-нибудь потом, когда база подумает.
Варианта всего два:
1. использовать callback - функцию которая будет вызвана поле завершения запроса(та самая function(err, result, row) {);
2. использовать Promise

function CheckLoginPromise(login){
  return new Promise(
    (resolve, reject) => DataBase.Handle.query('SELECT * FROM `users` WHERE `login` = ?', [login], function(err, result, row) {
      if(err) return reject(err);
      if(result.length > 0) {
        console.log(result);
        return resolve(true); 
      }
      resolve(false); 
    })
  )
}

CheckLoginPromise(login).then(bool => {
  // делаем что-то
})

2а. использовать async\await сахар для Promise.const bool = await CheckLoginPromise(login);

Современным подходом является await в цикле, но ничего не мешает сделать рекурсивную функцию, как во времена колбэков:

function loop(array, getPromise) {
  array = array.slice();
  const responses = [];
  return new Promise(function innerLoop(resolve, reject) {
    if (array.length) {
      return getPromise(array.shift()).then(response => {
        responses.push(response);
        innerLoop(resolve, reject);
      }, reject);
    } 
    resolve(responses);
  });
}

function request(url) {
  return new Promise((res, rej) => {
    const delayTime = Math.floor(Math.random() * 10000) + 1;
    setTimeout(() => res(url), delayTime);
  });
}

loop(['a', 'b'], request).then(console.log, console.error);

Не проверял, но скорее всего:

if (node.children[0].value == 'on' ) { inputRadioValue(node.children[0]); }

-->

if (node.children[0].value == 'on' ) { return inputRadioValue(node.children[0]); }

В этой ветке код уходит в рекурсию, но возвращаемое значение из рекурсивного вызова просто отбрасывает и код проваливается до последнего return false.

Решить вопрос можно прочитав любой учебник по основам.

Конкретно тут проблема в том, что this есть только у настоящих функций.
Если вам нужна функция - используйте нормальную функцию. Стрелочные функции придуманы для конкретных случаев - коротких инлайн кусков кода.

Как указали вам в предыдущем вашем вопросе - вам нужна логарифмическая шкала, примерно так:

Как-то так:

const today = moment().startOf('day');
const dateFormat = 'YYYY-MM-DD HH:mm:ss';
const mapFunc = ({ End, Start, Amount }) => {
  const points = [End, Start];
  const shift = moment(today).seconds(Start);
  const shifts = [];
  const order = Start > End;

  for (let i = 0; i < Amount; i++) {
    shifts.push(
      shift.format(dateFormat)
      + ' - '
      + shift
        .hours(0) // очищаем часы
        .minutes(0) // и минуты
        .seconds(points[i % 2]) // чередуем временную точку: чёт - End, нечёт - Start
        .add(i % 2 ^ order, 'd') // добавляем день если смена переходит на следующий
        .format(dateFormat)
    )
  }
  return shifts
}

console.log(mapFunc({
  "Start": 25200, 
  "End": 68400, 
  "Amount": 5
}));

Запускать его надо не через обычный yarn serve, а через yarn electron:serve. Как и билдить. Читайте описание тех модулей, что подключаете.

Такие вещи ты должен сам писать. Тут не хватает только капельки логики - именно того, что должен юзать прогер.


P.S. Посылать ajax запросы в интервале не рекомендуется: запрос может занять больше времени чем установленный интервал, в коем случае запросы начнут накапливаться как снежный ком и всё умрёт. Правильно делать следующий запрос только после завершения предыдущего.

Если совсем просто, можно утащить например отсюда карту мира в svg и навешать обработчики вручную.
Если посложнее - оттуда же стащить geojson версию и использовать любую либу, умеющую с ним работать.
Если слишком толстые карты - можно их прогнать через соответстующие оптимизаторы.

Во-первых: typeof obj.field.text === 'undefined': typeof даёт строку.

Самое свежее это: if (obj.field?.text === undefined) если obj есть, и соответственно if (obj?.field?.text === undefined) если неизвестно.

Если нужна поддержка всяких IE и Safari - то только по старинке, по очереди:

if (!(typeof obj.field !== 'undefined' && typeof obj.field.text !== 'undefined' ))

Или использовать функцию-хэлпер, например if (get(obj, 'field.text') === undefined) из lodash.

Ответ на вопрос: потому что используются числа с плавающей точкой.
Если нужно округлённое число - округляйте непосредственно перед использованием\выводом. Любая математическая операция может добавить немного "мусора" при определённых условиях.

Один проход, но в каждом узле будет children даже если пустой:

function unFlatten(array) {
  const childrenMap = Object.create(null);
	for(const item of array) {
    if(item.parent in childrenMap) 
      childrenMap[item.parent].push(item);
    else
      childrenMap[item.parent] = [item];  
    
    if(!childrenMap[item.id]) childrenMap[item.id] = []; 
    
    item.children = childrenMap[item.id];
  };
  return childrenMap[null]
}

Один-два прохода, как повезёт, но children только там где нужны.

function unFlatten(array) {
  const childrenMap = Object.create(null);
  const secondPass = [];
	for(const item of array) {
    if(item.parent in childrenMap) 
      childrenMap[item.parent].push(item);
    else
      childrenMap[item.parent] = [item];  
    
    if(item.id in childrenMap) 
      item.children = childrenMap[item.id];
    else
      secondPass.push(item)
  };	
  for(const item of secondPass) {
    if(item.id in childrenMap) 
      item.children = childrenMap[item.id];
  };
  return childrenMap[null]
}

Или от обратного:

function unFlatten(array) {
  const map = Object.create(null);
  const secondPass = [];
  for(const item of array) {
    map[item.id] = item;
    if(item.parent in map) {
      if('children' in map[item.parent])
        map[item.parent].children.push(item)
      else
        map[item.parent].children = [item];
    } else {
      secondPass.push(item);
    }
  };
  for(const item of secondPass) {
    if(item.parent in map) {
      if('children' in map[item.parent])
        map[item.parent].children.push(item)
      else
        map[item.parent].children = [item];
    }
  };
  return secondPass
}

Любой вариант меняет исходные узлы(если надо - клонируйте), и не рассматривает случай когда цепочка родитель-потомок может быть сломана.

Схема конечно кривая, но как-то так:

function toObject(animals, titles, list) {
  animals = Object.fromEntries(animals);
  titles = Object.fromEntries(titles);
  return list.map(([animal, title, ...array], i) => ({
    id: i + 1, 
    title: titles[title], 
    animal: animals[animal], 
    array
  }));
}

toObject(arr1, arr2, arr3);

Возьми более базовые книги: по алгоритмам, паттернам, структурам, подходам итд. Не привязанные к конкретному языку. Это всегда будет полезно, и не потребует кодинга для практики.
Эффективное же изучение конкретного языка - это наоборот чистая практика, чтение там должно идти только параллельно по мере необходимости.