Sergey Nikolaev

У вас классический пример циклической зависимости, вынесите NDS в отдельный модуль, а то у вас получается цепочка загрузки app -> methods -> app

const dateByWeekNumber = (year, week) => {
  // Cоздаём дату, гарантированно входящую в первую неделю.
  const date = new Date(year, 0, 7);
  // Откатываемся до первого четверга года
  // По ГОСТ ИСО 8601-2001 первая неделя года должна содержать четверг
  date.setDate(date.getDate() - (date.getDay() + 10) % 7);
  // Переходим в нужную неделю
  date.setDate(date.getDate() + (week - 1) * 7);
  // Откатываемся до понедельника
  date.setDate(date.getDate() - 3);
  return date;
};
dateByWeekNumber(2023, 10);
//  Date Mon Mar 06 2023 00:00:00 GMT+0300 (Москва, стандартное время)
dateByWeekNumber(2020, 1);
// Date Mon Dec 30 2019 00:00:00 GMT+0300 (Москва, стандартное время)

Знаю как это сделать!

1. Сделай канал публичным, установи для него username.
2. Добавь в канал любого бота.
3. Перейди по ссылке

https://api.telegram.org/bot[ТОКЕН_БОТА]/sendMessage?chat_id=@[USERNAME_КАНАЛА]&text=тест

. После перехода по ссылке будет выведен id канала, сохрани его.
4. Сделай канал приватным.
5. Отправляй сообщения вот так:

https://api.telegram.org/bot[ТОКЕН_БОТА]/sendMessage?chat_id=@[ID_КАНАЛА]&text=тест.

В родителе заводите счётчик экземпляров дочернего компонента:

data: () => ({
  repeat: 0,
}),

И рендерите соответствующее их количество:

<child-component v-for="i in repeat"></child-component>

При необходимости отрендерить ещё - увеличиваете значение счётчика:

<button @click="repeat++">add one more child component instance</button>

data: () => ({
  focused: false,
}),

<input @focus="focused = true" @blur="focused = false">
<span v-show="focused">FOCUSED</span>

https://jsfiddle.net/mc69wnwu/

Верните в результате работы функции массив обернутый в json_encode();

Например:
return json_encode(["myResult" => "success"]);

Тогда в axios вы получите доступ к myResult через response.myResult

axios.post('file.php', {table: 'users'})
    .then(function (response) {
      console.log(response.myResult);
    })
    .catch(function (error) {
      console.log(error);
    });

function getData() {
  //...
  return new Promise((resolve, reject) => {
    xhr.onreadystatechange = function () {
        if (xhr.readyState != 4) reject(xhr.statusText);
        if (xhr.status != 200) {
          reject(xhr.statusText);
        } else {
          resolve(xhr.responseText);
        }
    };
    xhr.send();
  });
}

// use

getData()
  .then(function(response){
    console.log('Its OK', response);
  })
  .catch(function(errorText){
    console.log('Error:', errorText);
  });

Если что-то попроще, но при этом более-менее ООПшное, то можно как-то так:

class Plugin {

	constructor (rawUrl, rawName) {
		this.url = new UrlParser(rawUrl);
		this.name = new NameParser(rawName);
	}

	doSomething () {
		// code
	}
}

function userCode() {
    new Plugin("example.com", "FooBar").doSomething()
}

Если хотите побольше DI и всего такого, но при этом не потерять лёгкость использования, то можно так:

class Plugin {

	constructor (urlParser, nameParser) {
		this.url = urlParser;
		this.name = nameParser;
	}
	
	doSomething () {
		// code
	}

}

Plugin.init = function (url, name) {
	return new Plugin(
		new UrlParser(url),
		new NameParser(name)
	);
}

function userCode() {
	Plugin.init("example.com", "FooBar").doSomething()
}

UrlParser и NameParser - это классы, которые парсят всё необходимое, а потом внутри имеют свойства для обращения к ним.

class UrlParser {

	constructor (urlString) {
		var result = this.matchUrlStrign(urlString)
		
		this.anchor = result[0];
		this.path   = result[1];
		// etc
	}
}

Соответственно, в плагине используете как-то так:
this.url.anchor

Вот так

https://jsfiddle.net/687wf5ee/1/

Можно ловить клики на элементе body (они «пузырьком» поднимаются наверх), и смотреть, содержит ли класс кликнутого элемента list-group-item:

document.body.addEventListener('click', function(e) {
	if( e.target.classList.contains('list-group-item'))
		e.target.style.backgroundColor = 'red';
});

Fiddle

В отличие от перебора найденных и прикреплении слушателя на каждый, этот способ – «живой»: при появлении в документе новых элементов с искомым классом, клики по ним также отработают.

Вместо <body> можно повесить слушателя ниже, например, на <ul>, чтобы ловить события только в его дочерних элементах (и глубже).

1. Создаю каталог для проекта
   
2. Инициализирую Bower
   
3. Устанавливаю нужные пакеты, например, Twitter Bootstrap, Angular, jQuery и т.д.
   
4. Ставлю Grunt, плагины для него и т.д.
   
5. Запускаю EMACS и создаю index.html
   
6. С помощью Emmet создаю шаблон, который уже начинаю заполнять.
   
7. В каталоге src создаю папки less, js и т.д.
   
8. Попутно пишу задачи для Grunt
   
9. Если в выбранном фреймворке не хватает какого-либо класса для стилизации элемента, сначала описываю стили прямо в шаблоне, в свойстве style. Затем при необходимости выношу их оттуда в LESS в виде одного или нескольких классов.
   
10. ??????????
    
11. PROFIT!!!