1.模板
2.开关定义
3.滚动方法
4.css动画定义
deg是CSS中的一个角度单位，表示度（Degress），一个圆共360度。
在CSS中角度单位有：度（deg）、梯度（grad）、弧度（rad）。无论如何声明，这些值都会解释为0~360范围内的度数，如：-90deg=270deg。
各角度值之间的转换：
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
扩展资料
deg.r是冉肯式温标，具体如下：
摄氏温标（Celsius scale，Centigrade scale）：以水的冰点为0deg.C，正常沸点为100deg.C，中间分成100等分，每一等分为1deg.C。
华氏温标（Fahrenheit scale）：以水的冰点为32deg.F，正常沸点为212deg.F，中间分成180等分，每一等分为1deg.F。
凯耳文温标（Kelvin scale）：以水的冰点为273.15K，正常沸点为373.15K，中间分成100等分，每一等分为1K。
冉肯氏温标（Rankine scale）：以水的冰点为491.67deg.R，正常沸点为671.67deg.R，中间分成180等分，每一等分为1deg.R。
列氏温标（Réaumur scale）：以水的冰点为0deg.R’，正常沸点为80deg.R’，中间分成80等分，每一等分为1deg.R’,列氏温标常用於酒精工业。
记录的原因：项目中遇到一个问题，使用 antd 的 table 组件，在鼠标悬停到一行的时候显示或者隐藏按钮，如下：
鼠标进入一行显示设为默认按钮，移出隐藏按钮 ：
开始我的做法是找到 table 组件的属性通过 setState 来改变 button 的 visibility 属性，虽然效果是达到了，但是 显示和隐藏有个时间的延迟 ，开始我以为是因为 setState 的异步机制,会在频繁的设置 state 的时候合并处理导致的，
后来实验之后发现并不是，于是我就不用 setState 的来设置显示和隐藏，直接给tr加上类名，通过 hover 来显示隐藏
这样实验之后发现同样的问题依然存在， 后来想到display跟visibility的区别：一个是占位一个不占位，于是改成display来做，果然达到效果，鼠标一进一出是立刻显示和隐藏的 。
仔细一想为什么会有这个不同呢，display跟visibility的区别不就是占位不占位么，为什么一个有动画一个没有动画呢，antd对button组件确实做了动画设置 ：
接着我就去 mdn上 搜索关于 transition 动画到底对哪些 css 属性有效果呢，果不其然， display 是没有动画效果的，而 visibility 是有动画效果的 ，
链接如下： https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_animated_properties
又学到一个点啊，由此记录一下：）
参考： https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions# 哪些 CSS 属性可以动画
