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

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

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

RxJs Subjects

Выдержки из доклада Андрея Алексеева (Tinkoff) про RxJs (Subject, Behaviour Subject, Replay Subject, Async Subject). Применение в Angular.

Поисковый запрос с помощью RxJS

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

Ошибки в консоли chrome при http запросе

Ошибок в консоли не избежать, это функциональность браузера

JS. String() vs toString()

const m = [1,'2',3];

m.toString();
String(m); // <===
"1,2,3"

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