/lottery

Primary LanguageJavaScript

年会抽奖程序

Tags: 计划 技术


我已经落伍,这个项目没有负担,面向未来一把吧。

抽奖控制

抽奖

按“上方向键”,“下方向键”,“空格键”这3个键之一,开始抽奖,在按抽取一个。

奖项

CTRL + 反单引号(1左侧) 重置

技术堆栈

  1. React + Redux
  2. Koa.js

执行记录

2016-2-24

  1. 服务器端统一babel支持代码均用jsx结尾;
  2. 基本完成。完成同构的初级入门概念。

2016-2-19

  1. 客户端抽离Routes;
  2. 服务器端合并index和user路由;
  3. 修改服务器端user渲染错误;
  4. 修改user组件服务器端和客户端渲染,符合同构;
  5. 服务器端整合React-Router;
  6. 服务器端路由重构;

2016-2-17

  1. 添加客户端React-Router;

2016-2-16

  1. 使用node-spdy做服务器;
  2. 将cloud.mp4迁移到七牛;

2016-1-13

  1. 添加图片格式数据校验

2016-1-12

  1. 通过ESLint检测

2016-1-9

  1. 使用 normalize.css 替换 reset.css;
  2. 使抽奖界面兼容多个抽奖同时进行;
  3. 实现多用户同时抽奖的功能;
  4. 重构部分代码,使其更健壮,同时修改部分语法使其通过 eslint 检测(未完全搞定)。

2016-1-8

  1. Redux State 整理并调整;
  2. 在 Redux 的基础上同构;
  3. 样式调整;

2016-1-7

  1. 抽奖逻辑迁移到 redux

2016-1-6

  1. koa-less;
  2. 用户数据自动生成;
  3. 奖项数据提取到服务端;

2016-1-5

  1. 拆分,将视图按功能模块拆分;
  2. 同构尝试(走出第一步,页面不会重新刷新);

2016-1-4

  1. 简化抽奖界面

2016-1-3

  1. 使用 Material-UI 改变 TodoUI,简单试用 Material-UI。 目前结论:Material-UI 使用不足够顺手。

2016-1-2

  1. 阅读 Redux 剩余部分文档。

2016-1-1

  1. 学习Redux基础部分,并学习 todo 示例。

2015-12-30

  1. 将lottery 源码集成到 koa;
  2. 选择material-ui做 UI 框架;

2015-12-27

  1. 将常用组件简单集成,初步尝试koa-react-view;

2015-12-26

  1. 技术选型