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

Правильный импорт lodash методов

После анализа bundl'a разрабатываемого приложения меня насторожил момент, что lodash занимает хороший такой кусок в 95kb, хотя используется всего 3 функции. И вот к чему привели поиски.

RxJS. Тонкость работы iif

iif выполняет оба Observable, но подписывается только на один

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

Про инициализацию счетчиков Яндекс Метрики и Google API

Небольшой разбор кода скриптов, просто было интересно понять, что примерно происходит.