实习总结（三）——ref,纯函数，git,渐变透明

• 点击切换组件display:none，把两个组件重叠/或用一个三元表达式来控制组件

• sourcehansanscn引入

• input range更改样式

• 禁止文字被选中 user-select:none
  

• css animation动画，将多张序列图表示成动画显示，同时倒放与暂停也可以进行控制。通过控制animationName可以控制动画的名字。

• 加法总是出现字符串拼接的问题，只要在字符串上面*1就可以把它变成Number

• 暴露 默认暴露，分别暴露？

• react ref：
  字符串形式的ref（不推荐使用）：组件内的标签可以定义ref属性来标识自己：相当于id。如果节点的标签是<input ref = "input1"/>。那么就可以通过const {input1} = this.refs拿到这个真实节点。
  回调函数形式的ref：<input ref = { c => this.input1 = c }c是当前节点，this是组件实例对象。取真实节点时const {input1} = this。如果想直接取input的值，可以const {value} = this.input1。如果回调函数是内联函数，那么每次更新时该回调函数会更新两次，第一次的ref