当属性发生变化时如何淡入元素?
我希望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) 我正在使用两种技术来创建波表合成器声音:
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
使用铁路由器版本0.9.4如何在不更改浏览器历史记录的情况下更新URL查询参数?
我有一堆选择框可以更新URL查询参数.在某些情况下,我想更新URL而不在window.history中添加额外的条目.很多模板都依赖于Router.current().params反应变量,因此我需要在更改路径时更新它.
为什么 String.to_atom 将编码选项硬编码为 :utf8 ?
https://github.com/elixir-lang/elixir/blob/d6bb3342b7ea8b921b3d4b69f65064c4158c99d7/lib/elixir/lib/string.ex#L1927
def to_atom(string) do
:erlang.binary_to_atom(string, :utf8)
end
erlang 的可用编码选项binary_to_atom
是:
latin1 | unicode | utf8
http://erlang.org/documentation/doc-8.0-rc1/erts-8.0/doc/html/erlang.html#binary_to_atom-2