kirillleogky

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Без доп.либ - никак на сложных вычислениях с высокой точностью или большими числами.
Почитайте.

Ошибка довольно очевидна, хотя и размазана по коду. Однако причина её появления - в том что вы плохо понимаете те механизмы которые пытаетесь использовать. Другими словами это ошибка не техническая, а ошибка от недостатка знаний.

Ваш текущий код работает по причине того что вы используете неявное создание нового объекта на каждый вызов через указание new Date() в качестве значения по-умолчанию. Это значение по-умолчанию вас и сбивает с толку т.к. оно выглядит как своеобразный генератор значений, хотя по факту им не является.

Кроме того await date тоже по факту работает не совсем так как вы (скорее всего) ожидаете. Из MDN: "If the value of the expression following the await operator is not a Promise, it's converted to a resolved Promise." Таким образом const currDate = await date в вашем случае эквивалентно const currDate = date.

Далее, следите за руками:

Сначала вы передаёте в setInterval функцию без дополнительных аргументов. Она работает по причинам, описанным выше.

Затем вы передаёте в setInterval() значение вызова setSearchTime() третьим аргументом (т.е. аргументом для интервальной функции). При этом, как вы сами пишете - функция setSearchTime() у вас возвращает Promise что по определению - обещание вернуть одно значение.

Таким образом когда вы передаёте этот третий аргумент - ваша функция начинает получает значение аргумента date (т.е. перестаёт отрабатывать генерация значения по-умолчанию). При первом вызове ваш Promise, переданный в качестве аргумента в интервальную функцию, переходит в состояние fulfilled и отдаёт значение, но дальше этого уже не будет происходить т.к. Promise уже в состоянии fulfilled, так что вы будете всегда получать одно и то же значение. Однако это будет происходить не потому что setInterval не работает, а потому что вы и передаёте одно значение.

Если вы (сами или из описания выше) понимаете как всё это работает на самом деле - то решение проблемы становится очевидным: вам всего лишь нужно передавать в вашу функцию setCurrTime не значение времени, а функцию-генератор времени. Тогда её вызов на каждой итерации будет приводить к созданию нового значения времени и всё начнёт работать.

Также пара замечаний которые не относятся непосредственно к вашему вопросу, но являются важными:

1. Ваша функция отображает время с точностью до минуты, но вызывается каждые 100 миллисекунд. Таким образом она 600 раз генерирует одно и то же значение что, очевидно, неразумно
   
2. Сама функция преобразования времени у вас не показана, но важно чтобы эта функция не опиралась на setInterval в качестве источника информации о количестве прошедшего времени. Вместо этого вы должны всегда отталкиваться от new Date() и модифицировать этот объект. В качестве примера почему так попробуйте себе представить что компьютер с браузером в котором запущен ваш скрипт, был отправлен в гибернацию на какое-то время, а потом вернулся назад
   

Что?
Всё выполняется по порядку. Наверное вам нужно поменять местами верхние if блоки?

function removeFirstOccurrences(str, value) {
	return str.replace(new RegExp('\\b' + value + '\\b'), '');
}

Вот это дичь так работать не должно и скорее всего не будет

<link rel="stylesheet" href="node_modules/weather-icons/css/weather-icons.min.css">

Подозреваю что его нужно просто импортнуть в index.js

document.querySelector('#firstElem').childNodes.forEach((n) => n.nodeType === document.TEXT_NODE && n.remove());

1) Создаёте глобальный объект maps:

import getUserLocation from './getLocation';
import addMap from './addMap';

let maps;

2) При готовности карт создаёте карту и получения геолокации пользователя, обновляете позицию карты:

ymaps.ready(function() {
  maps = new ymaps.Map("map", {
    center: [55.76, 37.64],
    zoom: 2
  });
  getUserLocation().then((lat, lng) => maps.setCenter([55.76, 37.64]));
});

Позицию обновлять можно только после того, как карта инициализирована, не раньше, не позже.

Как упаковать это всё в модули подумайте самостоятельно, пожалуйста.

Попробуйте использовать пресет не "env" из "babel-preset-env", а "@babel/preset-env" из одноименного пакета.

'rgb(1, 213, 60)'.match(/\b(\d+)\b/g).map(Number) // [1, 213, 60]

new Array(n).fill();

Array.from([...str].reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map), n => n[1] + n[0])

или

str.split('').sort().join('').match(/(.)\1*/g).map(n => n.length + n[0])

или

Array.from(new Set(str), n => str.replace(RegExp(`[^${n}]`, 'g'), '').length + n)

init вполне подойдет для этого. Все это имеет гораздо больший смысл при нетривиальных изменениях. Если ваш коммит затрагивает достаточно большой кусок кода, есть смысл отделять новые фичи и рефакторинг. Этим вы сэкономите время тому кто делает ревью.

Вот этот кусок кода выполняется сразу, а не после загрузки или при ошибке:

img.onload = counter++;
img.onerror = counter++;

Т.е. вы дважды увеличиваете счётчик на 1, и в свойствах onload/onerror зачем-то оказываются числа, а не функции. Поэтому и не работает.

Реальный кейс - это когда ты пишешь сложную библиотеку для работы с множеством объектов и данных, и хочешь контролировать потребление оперативной памяти, очистку мусора и утечки.

Тут написано только про точечную и скобочную запись

Это и есть property accessors.

но я знаю что есть get и set.

Если вы про геттеры и сеттеры, то к ним так же обращаются с помощью property accessors.