接口及传参

因自己一直只会做最简单的项目，所以并不清楚从接口读取数据是什么意思，但这个项目必须是要从服务端读取数据的，所以，就跟着同事的demo尝试了一下。this.props...具体的，我还不太会，还需要继续学习。

JS时间倒计时

这是js里的经典部分，而不是RN的专属，由此也可以看到，JS是基础呢。如何呈现出，已经开播的时间呢？或者说，呈现出过程中的时间，又或者说，呈现出还有多少的时间才开始呢？在JS中与在RN中的不同是什么呢？

TimeDifference方法

分割时间字符串

RN时间倒计时

在JS中，倒计时的动态效果，我们是用 setTimeout("show_time()", 1000) 即可，并在else里使用clearTimeout(timerID) 清除定时器 。但在RN中，我们也需要动态刷新数据。想到RN中文网讲state那一部分时，所介绍的 setInterval 方法。在倒计时的呈现中，时间差是需要动态的，再具体一点儿，是当前时间是动态的，然后让当前时间与固定时间相减就可以得到倒计时了。这就是说，当前时间是需要如此定义的 this.state ={ liveTime : new Date() }。

接下来的问题是，哪里刷新呢？在 constructor中定义刷新函数是OK的。如何在页面渲染完成后呈现的是新的时间呢。于是，我第一次使用了 componentDidMount 方法。

组件已加载，渲染完成

RN组件的生命周期的相关文章比较多，简单而言就是说，一个组件从它被加载，到最终卸载时会经历一个完整的生命周期：constructor--组件创建时调用一次。 componentWillMount--如果需要从本地存储中读取数据用于显示，常用该方法，因为在这个方法中，如果通过setState函数修改状态机变量，RN框架不会额外执行渲染。 rener--组件渲染，必须有。componentDidMount--初始化渲染完成后就会马上被调用。 

于是，如下的代码就可以在界面上显示当前时间啦：

当前时间代码

界面展示

再回归到倒计时吧，因当前时间是用 new Date() 创建，与另一个日期格式不同，因此需要首先规范下日期格式咯：

格式化日期的方法

假设从后台传递过来的数据是这样的：“2009-12-02 12:25”，因需要将数据改为" 2009/12/02 12:25"，然后再传递给 new Date 就可以使时间变为时间戳啦。var date=new Date();  以前只是了解 new Date ，后来才知道是可以在其中传参，来给它一个固定的日期格式的。

View中的日期格式化

后台数据与当前时间目前的格式相同了

作差得到毫秒数

利用毫秒数计算常规差值

if else 还是 switch 呢？

曾经都在书本上的知识，真正用起来时，才明白优化是什么意思？如何使代码更为简洁，效率也更高呢？是只考虑 如何实现，还是如何更好的实现呢？作为一名程序员，给自己的定位又是什么呢？摘录一篇前辈的文章吧：

switch...case与if...else的根本区别在于，switch...case会生成一个跳转表（Binary Tree算法）来指示实际的case分支的地址，而这个跳转表的索引号与switch变量的值是相等的。switch...case不用像if...else那样遍历条件分支直到命中条件，而只需访问对应索引号的表项从而到达定位分支的目的。switch适用于分支较多的情况呢。

但说实话，我对效率并没有很多的概念。我还处于从 0 到 1 的阶段，期待自己可以从 1 到 2 的阶段吧。