第一部分 打造简单的特斯拉电池仪表盘界面

就是这货了

汽车可行驶里程变化根据车辆的配置，电池寿命和条件，驾驶方式和操作，环境温度与气候条件。

迈是英里  1英里=1.6093公里    码是英美制度长度单位   1码=0.9144米

速度 MPH 每小时多少英里 

80MPH ＝ 128.744km/h

80码 ＝ 73.15km/h

下面呢就一步一步实现

1. 使用 create-react-app 设置项目

create-react-app

Project Entry Point

Project images/assets

Data service

2. 分析用户界面

容器和展示组件 Presentational and Container Components,

展示组件

     ——不关注数据是怎么加载和处理的

     ——般没有自己的state(即使有，也只是UI状态，而不是数据)

容器组件

        ——向包含的presentational和其他的container components传递数据和行为方法

       ——由于他们经常作为数据来源的角色，所以container一般会包含state

      ——一般会由更高等级的components来生成，比如React Redux的connect(), Relay的createContainer(), Flux Utils的Container.create()

@keyframes infinite-spinning

@-webkit-keyframes infinite-spinning

animation: infinite-spinning 480ms steps(12) infinite;

top-down  下行

.tesla-counter__controls button:last-child{

}

.tesla-counter__controls button[disabled]{

}

.tesla-counter__controls button:last-child{

}

.tesla-climate input[type=checkbox]{

clip:rect(0 0 0 0); clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用

}