Примеры анимации тестов RxJS

Создатель анимаций тестов малинками RxJS

Вы можете использовать следующую ссылку, чтобы попробовать это! Вы можете анимировать большинство вашего RxJS кода!

Вы можете использовать ссылку ниже, чтобы попробовать это! Вы можете анимировать большинство вашего RxJS кода!

Github Page Gitee Page

Введение

Это веб-сайт для создания анимаций тестов малинками для RxJS. Вы можете напрямую вводить ваш код и просматривать связанные с ним анимации.

Это веб-сайт для создания анимаций тестов малинками для RxJS. Вы можете напрямую ввести свой код и просматривать связанные с ним анимации.

Почему вы создали этот сайт?

Почему вы создали этот сайт?

При изучении RxJS мне хотелось видеть реальные анимации выполнения RxJS. Хотя есть примеры анимаций RxJS в интернете, но мне хотелось иметь возможность создавать свои собственные анимации. Я хочу, чтобы анимация показывала именно тот код, который я пишу. Вот что делает программирование таким захватывающим! Поэтому я создал этот сайт!> При изучении RxJS мне хотелось видеть реальные анимации выполнения RxJS. Хотя есть примеры анимаций RxJS в интернете, но мне хотелось иметь возможность создавать свои собственные анимации. Я хочу, чтобы анимация показывала именно тот код, который я пишу. Вот что делает программирование таким захватывающим! Поэтому я создал этот сайт!# Введение анимации RxJS в ваши веб-страницы

Введение в анимацию RxJS в ваши веб-страницы

Если вы хотите включить анимацию в свои веб-страницы, используйте iframe с id=iframe и следующий код для управления анимацией демонстрации кода. Кроме того, мой сайт не имеет защиты от атак, поэтому он будет использовать eval, чтобы выполнить ваш код. Пожалуйста, не используйте агрессивный код.

Если вы хотите включить анимацию в свои веб-страницы, используйте iframe с id=iframe и следующий код для управления анимацией демонстрации кода. Кроме того, мой сайт не имеет защиты от атак, поэтому он будет использовать eval, чтобы выполнить ваш код. Пожалуйста, не используйте агрессивный код.

<iframe src="http://dongzhongzhidong.gitee.io/rxjs-marble-test-creator/animation.html" id='iframe'></iframe>

<!-- или -->

<iframe src="https://konghayao.github.io/rxjs-marble-text-creator/aniamtion.html" id='iframe'></iframe>

document.getElementById('iframe').contentWindow.postMessage(
{
    listening: false, // Необходимо ли в реальном времени слушать rxjs
    data: `
        // ваш код
        let { interval, range, of } = rxjs;
        let { map, bufferCount, concatMap } = rxjs.operators;
        range(0, 10)
            .pipe(
                map((current, index) => {
                    return index * 10;
                }),
                bufferCount(3),
                concatMap((item) => {
                    return of(...item);
                }),
                map((i) => i)
            )
            .subscribe((item) => console.log("Завершено", new Date().getTime()));
    `,
},
'*'
)