Дмитрий Беляев

попробуй это, что-то похожее
https://developer.mozilla.org/en-US/docs/Web/API/D...

document.elementFromPoint(323, 398)

Сработает только так:

changeIcon(){
      this.$refs.icon.src = require("~/assets/img/chrome_icon-white.svg");
    }

Так вычислится конечный путь (актуальный при билде)

function getDate(dateSting) {

    let date = new Date(dateSting);
    
    if (isNaN(date.getTime())) {
    	return dateSting;
    }

    let dd = date.getDate();
    if (dd < 10) dd = `0${dd}`;

    let mm = date.getMonth() + 1;
    if (mm < 10) mm = `0${mm}`;

    let yy = date.getFullYear() % 100;
    if (yy < 10) yy = `0${yy}`;

   return `${dd}.${mm}.${yy}`;
}

console.clear();
let tt = `skdjbfskdhjbjhg`;
console.log(getDate(tt));

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

const createFirstFun = function(fun)   {
// эта фигня вернет функцию которую можно будет вызвать()
    return function(sometext){      
      // эта фигня будет вызывать переданный сверху fun() с аргументом sometext
      fun(sometext.toUpperCase())      
  }
}


const scream = createFirstFun(
	// вот этот всё внутри createFirstFun станет параметром fun
	function(text) {return alert(text)}
);

// так как createFirstFun вернет функцию которую можно будет вызвать()
// то мы и вызываем эту возвращенную функцию с параметром sometext = 'Hello'
scream('Hello');

ну как-то так

function counter() {
  var i = 0
  
  return {
    next: function() {
      return ++i
    }
  }
}

var foo = counter()
var bar = counter()

console.log(foo.next()) // 1
console.log(foo.next()) // 2
console.log(foo.next()) // 3
console.log(bar.next()) // 1

Есть же method not allowed, возвращай его

Читать про let и temporal dead zone.
Если совсем по простому, то нельзя использовать переменную раньше чем она определена с помощью let/const.

Вам надо либо определить timerId раньше, либо использовать var

currentDate = currentDate.setDate(currentDate.getDate() + 1);

Просто оперируй объектом даты, а не строками из него полученными.

Такое не только в js, но и в подавляющем большинстве других языков (см. https://0.30000000000000004.com )

Потому что процессоры не могут представлять дробные числа с бесконечной точностью. Про это есть стандарт IEEE 754, и это в принципе нормально (или просто все давно привыкли). Можно повышать точность вычислений, но тогда они будут длиться дольше, и можно округлять результаты.

- e.originalEvent.target.getAttribute('data-id')
+ e.originalEvent.target.closest('[data-id]').dataset.id

UPD.

Это верстка шаблона маркера 2гис, отдельно навешивать на нее обработчики нельзя

"Верстка шаблона маркера" - в смысле, DG.divIcon? Да, туда нельзя. А на сам маркер - можно:

const marker = DG.marker(...
marker.on('click', onMarkerClick);

function onMarkerClick(e) {
  // ...
}

UPD. Вынесено из комментариев:

Я вообще сделал это чтобы как то понять на какой маркер кликнули

Ну да, вешайте обработчик клика на маркер, смотрите у события свойство target.

Или, возможен другой вариант. Как я понимаю, this.markers - это DG.featureGroup. Оставляете общий обработчик клика, смотрите у события свойство eventTargets, это массив, внутри будет кликнутый маркер.

const chainScripts = src => src.reduce((acc, n) => {
  return acc.then(() => new Promise((resolve, reject) => {
    const s = document.createElement('script');
    s.onload = resolve;
    s.onerror = reject;
    s.src = n;
    document.head.appendChild(s);
  }));
}, Promise.resolve());

JSON.parse / eval

ну или

({
  'false': false,
  'true': true,
})[str]

Это чё, в setInterval запихнули подключение обработчика keydown? Умно. Не нужен тут никакой setInterval.

Сам обработчик keydown слишком сложно выглядит - зачем в четырёх разных местах делать один и тот же вызов функции? Сначала меняете координаты, а в самом конце - дёргаете перерисовку.

Размер картинок - а если решите поменять? Или опечатаетесь где-нибудь? Сделайте константу.

Что касается рисования, то наверное, проще всего будет замостить холст фоновым изображением, а потом рисовать персонажа.

Как это всё может выглядеть:

const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');

const TILE_SIDE = 32;

let pickX = 0;
let pickY = 0;

const ground = new Image();
ground.src = 'Ground.png';
const pick = new Image();
pick.src = 'Pick.png';

document.addEventListener('keydown', function(e) {
  switch (e.keyCode) {
    case 87: pickY -= TILE_SIDE; break;
    case 65: pickX -= TILE_SIDE; break;
    case 83: pickY += TILE_SIDE; break;
    case 68: pickX += TILE_SIDE; break;

    default: return;
  }

  draw();
});

function draw() {
  for (let x = 0; x < canvas.width; x += TILE_SIDE) {
    for (let y = 0; y < canvas.height; y += TILE_SIDE) {
      ctx.drawImage(ground, x, y);
    }
  }

  ctx.drawImage(pick, pickX, pickY);
}

draw();

Вот эта скобка:


Вероятно вместо нее должна быть круглая.

Если нажимать на вот эти буковки, то будет показано точное место с ошибкой.