JavaScript, Jquery (полезности)

[IgorA100]

Как правильно прервать (остановить) выполнение асинхронной функции с использованием await?
https://stackoverflow.com/questions/70080967/proper-way-to-abort-stop-running-async-await-function

[IgorA100]

Как отследить появление новых элементов в DOM
При помощи Mutation:

Код: Выделить всё// выбираем нужный элемент
var target = document.querySelector('#some-id');

// если jQuery
var target = $('#some-id')[0];
 
// создаем новый экземпляр наблюдателя
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });   
});
 
// создаем конфигурации для наблюдателя
var config = { attributes: true, childList: true, characterData: true };
 
// запускаем механизм наблюдения
observer.observe(target,  config);
 
// позже, если надо, прекращаем наблюдение
observer.disconnect();

Или так:

Код: Выделить всё$(elem).on("DOMNodeInserted", function (event) { /* ваш код */ });

https://qna.habr.com/q/210143

[IgorA100]

Разбор URL параметров строки

Код: Выделить всёconst queryString = window.location.search; // "?q=javascript&lang=ru&page=1"
const params = new URLSearchParams(queryString);

// Получение значения по ключу

Код: Выделить всёconst q = params.get('q'); // "javascript"
const lang = params.get('lang'); // "ru"

// Проверка наличия параметра

Код: Выделить всёconsole.log(params.has('lang')); // true

// Получение всех значений, если ключ повторяется

Код: Выделить всёparams.append('q', 'python');
console.log(params.getAll('q')); // ["javascript", "python"]

// Перебор всех параметров

Код: Выделить всёfor (const [key, value] of params) {
  console.log(`${key}: ${value}`);
}