小编loo*_*shi的帖子

属性更改时反应动画元素?

当属性发生变化时如何淡入元素?

我希望statusMessage()函数返回的元素在每次this.props.statusMessage更改时都淡入淡出.

目前尚未应用任何动画.它似乎没有添加任何类名.

class SelectPlayer extends React.Component {

  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    selectedId = this.props.selectedId;
    selectedPlayerName = this.props.selectedPlayerName;
    Store.dispatch(Actions.updateScore(selectedId, selectedPlayerName));
  }

  statusMessage() {
    return (
      <ReactCSSTransitionGroup
        transitionName='message'
        transitionAppear={true}
        transitionAppearTimeout={2000}
        transitionEnterTimeout={500}
        transitionLeaveTimeout={500}>
          <div key="1">{this.props.statusMessage.text}</div>
      </ReactCSSTransitionGroup>
    )
  }

  render() {
    if (this.props.selectedPlayerName) {
      return (
        <div className="details">
          <div className="name">{this.props.selectedPlayerName}</div>
          <button className="inc" onClick={this.handleClick}>
            Add 5 points
          </button>
          { this.statusMessage() }
        </div>
      );
    }
    else {
      return (
        <div className="message">Click a player to select</div>
      ); …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

12
推荐指数
3
解决办法
2万
查看次数

Web Audio API - PeriodicWave 和循环 AudioBufferSourceNode 实现波表的区别?

我正在使用两种技术来创建波表合成器声音:

1 - 循环包含单个波形周期的AudioBufferSourceNode

// Load a single cycle short wave file, then :
  audioContext.decodeAudioData(audioData, function(buffer) {
     source.buffer = buffer;
     source.loop = true;
   },
Run Code Online (Sandbox Code Playgroud)

2 - 创建一个PeriodicWave并为其提供傅立叶系数(使用网络上的系数,即 (0,1) 表示正弦波,(0,.1,.4, .6, ...) 表示更复杂的波.

 var wave = ac.createPeriodicWave(real, imag); 
 OscillatorNode.setPeriodicWave(wave);
Run Code Online (Sandbox Code Playgroud)

使用一种技术相对于另一种技术的优缺点是什么?这些技术会产生非常不同的听觉效果吗?

我在这里有一个演示,可以播放两种方法:http : //davedave.us/wavetable-synth/

我的代码正在进行中,但它在这里:https : //github.com/looshi/wavetable-synth

javascript fft web-audio-api

5
推荐指数
1
解决办法
453
查看次数

Iron Router,更改URL而不更改浏览器历史记录

使用铁路由器版本0.9.4如何在不更改浏览器历史记录的情况下更新URL查询参数?

我有一堆选择框可以更新URL查询参数.在某些情况下,我想更新URL而不在window.history中添加额外的条目.很多模板都依赖于Router.current().params反应变量,因此我需要在更改路径时更新它.

meteor iron-router

4
推荐指数
1
解决办法
917
查看次数

3
推荐指数
1
解决办法
246
查看次数

标签 统计

javascript ×2

elixir ×1

erlang ×1

fft ×1

iron-router ×1

meteor ×1

reactjs ×1

web-audio-api ×1