第一周2016.3.21~3.25

1.webpack和gulp

一直以为gulp和webpack都是前端自动化开发工具，直到我到了现在的公司，看到了现在前端leader搭建的webpack+gulp+react+reflux的项目，并再一次尝试搭建自己的前端环境，发现从gulp-react编译出来的代码和webpack-jsx-loader编译出来的代码不一样，我才发现gulp和webpack的区别。

gulp是自动化工具，但webpack不是，webpack是为项目代码提供一种模块化的构建方式

2.reflux

reflux其实并不复杂，但我还是看了好几遍才在脑中形成完整的数据流。Action中申明了所有要监听的事件，Store中是组件数据的集合，包括对数据的操作，帮助组件完成对数据的管理和操作。

3.活动

这周还做了咯额活动页。页面并不复杂，banner图和倒计时。但是，我花了比我想象中多得多得多的时间去做，大概两三倍吧，为什么呢，除了刚进公司对公司的各种环境接口开发流程不熟悉，以及第一次做移动端页面之外，还隐藏了一个坑。Date系列函数的坑。

时间比较

new Date()下的函数获取的时间时区并不相同。比如new Date()是当前时间，(new Date()).getTime()是UTC时间，如此在时间的比较上总是会出现一些问题。

进行比较的两个时间尽量用相同的api转换
千万不要自己去算相隔多少年多少月多少天，直接转换成ms
只用官方提供的时间处理函数去处理时间，不要自己开发新函数

倒计时

听起来很简单的功能，大家应该都写过。因为项目时间紧急，我直接在网上copy了一个倒计时，看起来好像并没有什么不对，在电脑上运行也很正确。但是，到手机上测试的时候直接卡翻了。有时跳1s有时跳2s不说，还会跳到37s之后跳回到36s，呵呵。为什么呢，我就不说了，很低级的一个错误，我想说的是什么呢，不管时间多紧急，copy代码也好，自己写也好，一定要理清楚代码的逻辑，以及会怎么样运行。因为这里面很有可能藏着bug。此处要感谢欧先生的技术支持，不然这活动也交不了差。是吧欧先生~