1 Star 0 Fork 1

C-Band / RXJS弹珠测试生成器

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

RXJS 弹珠测试动画生成网站

RXJS Marble Test Animation Creator

animationDemo

你可以通过下面的链接去实践一下!你可以将你的大部分 rxjs 代码动画化!

You can use the link below to try it out!You can animate most of your RxJS code!

Github Page

Gitee Page

介绍 Introduction

这是一个用于生成 rxjs 的弹珠测试动画的网站,你可以直接写入你的代码,并查看相关的动画。

This is a website for generating RxJS pinball test animations. You can write your code directly and view the associated animations.

为什么要制作这个网站?

Why did you create this website?

在学习 rxjs 的时候,我想要查看真实的 rxjs 运行动画,虽然网络上有 rxjs 的动画示例。但是我想要自定义 rxjs 的动画,我写什么代码,就给我展示什么,这才是编程的魅力!所以我制作了这个网站!

While learning about RxJS, I want to see real RxJS running animations, although there are examples of RxJS animations available online. But I want to customize RxJS animation, whatever code I write, just show me what, that's the charm of programming! So I made this website!

在您的网页中引入动画

Introduce rxjs animation to your web pages

如果您想要在您的网页中引入动画,那么使用 一个 iframe ,id 设置为 iframe,使用下面的代码可以帮助您控制代码演示动画。 同时,我的网站没有设置防御措施,会直接使用 eval 来执行您的代码,请勿使用攻击性代码。

If you want to introduce animation in your web page, use an iframe with the ID set to iframe, and use the following code to help you control the animation of the code presentation.

Also, my website has no defensive measures and will directly use eval to execute your code. Do not use offensive code.

 <iframe src="http://dongzhongzhidong.gitee.io/rxjs-marble-test-creator/animation.html" id='iframe'></iframe>
 
 <!-- or  -->
 
 <iframe src="https://konghayao.github.io/rxjs-marble-text-creator/aniamtion.html" id='iframe'></iframe>
document.getElementById('iframe').contentWindow.postMessage(
{
    listening:false,// 是否实时监听 rxjs
    data:`
        // your code
        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()));`
},
'*'
)
MIT License Copyright (c) 2021 动中之动 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

这是一个弹珠测试生成器,可以生成rxjs 弹珠测试的动画,便于初学者观察学习 rxjs 的代码执行方式。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/C-BAND/rxjs-marble-test-creator.git
git@gitee.com:C-BAND/rxjs-marble-test-creator.git
C-BAND
rxjs-marble-test-creator
RXJS弹珠测试生成器
master

搜索帮助

14c37bed 8189591 565d56ea 8189591