96年的冰紅茶

UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫 mint-ui- Vue 2的移動(dòng)UI元素 iview- 基于...

96年的冰紅茶

//來自一只react剛?cè)腴T菜鳥的簡化
class Disappear extends React.Component {
constructor(props) {
super(props);
this.state = {
opacity: 1
};
}
changeOpacity() {
let { opacity } = this.state;
setInterval(() => {
opacity = opacity - 0.1;
opacity < 0.1 ? (opacity = 1) : (opacity = opacity);
this.setState({ opacity });
}, 300);
}
componentDidMount() {
this.changeOpacity();
}
render() {
let { opacity } = this.state;
return <div style={{ opacity }}>123</div>;
}
}
ReactDOM.render(<Disappear />, document.getElementById('root'));

componentDidMount 用法

來來來，生命周期來一波奸焙。不總結(jié)那么細(xì)致瞎暑，單獨(dú)拿一個(gè)出來說。下面代碼達(dá)到的效果是使文字漸隱漸顯忿偷，感覺像是動(dòng)畫的效果金顿，其實(shí)只是簡單的改變了透明度帶來的視覺效果臊泌，感興趣的可以復(fù)制粘...

楠楠_c811

53862 1 10

96年的冰紅茶

來來來鲤桥，生命周期來一波。不總結(jié)那么細(xì)致渠概，單獨(dú)拿一個(gè)出來說茶凳。下面代碼達(dá)到的效果是使文字漸隱漸顯，感覺像是動(dòng)畫的效果播揪，其實(shí)只是簡單的改變了透明度帶來的視覺效果贮喧，感興趣的可以復(fù)制粘...