这周都围绕着一个项目,bigscript,其实就是给公司做一个做活动的平台。我的部分是一个管理活动的页面。
滚动条
没有滚动条的滚动。终于有机会做一些自认为比较有意思的东西。功能和实现都不难,无非是监听鼠标滚动事件,在鼠标上下滚动的时候将数据div上下移动,遗憾的是zepto里面只有scrollTop和scrollLeft,没有jQuery中的scroll函数,无法获取滚动的次数和时间,不能将这个滚动做的更高级。
green-sock
动画组件。要翻墙才能在官网上看到green-sock的demo演示。很有意思,green-sock把做动画变成了一件很简单的事情,准备自己尝试着用原生api做几个动画熟悉下原理。
reflux
为什么我又提到这个呢。因为我虽然会用了,并且也用上了,但是在用的时候我仍然很疑惑,我不知道组件上的哪些动作应该由组件自己管理,哪些应该由组件管理。这就涉及到下一个问题。
组件化
组件化编程我是知道的。我真的知道知道知道知道知道,但是仅仅是知道,怎么做,感觉我的逻辑思维还差那么一点点,无法将组件最小原子化。
react+reflux编程思想
1.组件尽量无状态化
2.组件间的通信及状态变化封装在一个父组件中
3.每一个store维护一份数据及数据相关的操作
4.dom操作对性能影响较大,且不利于组件分离,dom相关操作应尽量用状态代替