接口及传参
因自己一直只会做最简单的项目,所以并不清楚从接口读取数据是什么意思,但这个项目必须是要从服务端读取数据的,所以,就跟着同事的demo尝试了一下。this.props...具体的,我还不太会,还需要继续学习。
JS时间倒计时
这是js里的经典部分,而不是RN的专属,由此也可以看到,JS是基础呢。如何呈现出,已经开播的时间呢?或者说,呈现出过程中的时间,又或者说,呈现出还有多少的时间才开始呢?在JS中与在RN中的不同是什么呢?
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 ,后来才知道是可以在其中传参,来给它一个固定的日期格式的。
if else 还是 switch 呢?
曾经都在书本上的知识,真正用起来时,才明白优化是什么意思?如何使代码更为简洁,效率也更高呢?是只考虑 如何实现,还是如何更好的实现呢?作为一名程序员,给自己的定位又是什么呢?摘录一篇前辈的文章吧:
switch...case与if...else的根本区别在于,switch...case会生成一个跳转表(Binary Tree算法)来指示实际的case分支的地址,而这个跳转表的索引号与switch变量的值是相等的。switch...case不用像if...else那样遍历条件分支直到命中条件,而只需访问对应索引号的表项从而到达定位分支的目的。switch适用于分支较多的情况呢。
但说实话,我对效率并没有很多的概念。我还处于从 0 到 1 的阶段,期待自己可以从 1 到 2 的阶段吧。