RxJS. Delay from array

Опубликовано в JavaScript, RxJS • 26 января 2019 г. • 1 мин. на чтение

import { of, from } from 'rxjs'; 
import { map, concatMap, delay } from 'rxjs/operators';

from([2,4,6,8]).pipe(
  concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log);

Stackblitz (in console):

https://stackoverflow.com/questions/42413969/how-can-i-create-an-observable-with-a-delay

Похожие записи

3 примера асинхронного вызова функции в JavaScript

Функции обратного вызова, обещания, async/await

JS. Добавить параметр к URL без перезагрузки

function updateURL() {
    if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + '?tyapk=awesome';
        history.pushState(null, null, newUrl);
    }
    else {
        console.warn('History API не поддерживается');
    }
}

https://gist.github.com/excalq/2961415#gistcomment-2178956

Angular параллельные и последовательные запросы на RxJS

forkJoin - параллельные запросы, mergeMap - последовательные запросы

JS. Заменить объект в массиве по его id

Следует пройтись map'ом по массиву и если id совпадёт, то вернуть заменяемый объект.

Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.