React-Piano:用React创建一个钢琴应用程序!

时间:2024-06-14 12:45:31
【文件属性】:

文件名称:React-Piano:用React创建一个钢琴应用程序!

文件大小:208KB

文件格式:ZIP

更新时间:2024-06-14 12:45:31

Ruby

扬基 Janki是Janko启发的音乐应用程序,它使用Rails,React和Flux架构构建。 看看上面的现场演示! 即使它位于Rails MVC框架上,其构造也遵循Flux流程。 由于React的组件和虚拟DOM的性能,创建视图和前端逻辑很快就可以实现。 遵循单向数据流有助于分离问题并避免使用sphagetti代码! 发展 创建音调 有88种音调,要实现这些音调需要知道所有频率。 但是,一个八度(或更高的音调)会使前一个音调的频率加倍。 因此,我只需要12个基本频率即可生成其余音调。 记录和播放输入 jQuery用于侦听按键。 收集键码,并触发Action Creator获取音符,将有效载荷打包到Dispatcher 。 Dispatcher广播一个事件,该事件触发Store ,并且KeyStore.js将在发出更改事件时设置信息。 最后, View监听商店并相应地进行更新。 回


网友评论