/lottery

这一个彩票项目（11选5），大量使用 ES6 原生语法，也是为了学习 ES6 而实战的项目。

Primary LanguageJavaScript

彩票项目（11选5）

项目演示图片

👉 GitHub: https://github.com/bxm0927/lottery

👉 项目演示地址: http://es6lottery.t.imooc.io

项目简介

这一个彩票项目（11选5），大量使用 ES6 原生语法，也是为了学习 ES6 而实战的项目。本案例通过业务需求分析、项目架构思考、需求划分模块、前端代码编写、部署服务器端程序、前后端接口联调测试、部署上线几个步骤，真实还原实际业务开发流程。

本项目主要功能模块：期号自动更新、倒计时、开售状态、玩法切换、自主选号、随机选号、金额计算、奖金预测等。

技术栈

  • Sass(Scss): 预编译 CSS，方便快捷
  • ES6: 这是以后的趋势，let、const、class、箭头函数、Set Map 数据结构、Promise 等新特性十分实用
  • Gulp: 编写 gulp 脚本完成ES6的自动编译、打包、文件监听、浏览器热更新、模板自动更新、服务热启动等
  • Babel: gulp 的一个插件，实现了 ES6 转 ES5
  • Webpack: 自动编译
  • Express.js: 搭建服务器
  • mockjs: 模拟后端数据，与前端实现数据对接

收获

  1. 初步掌握了 ES6
  2. 领悟了模块化编程的好处
  3. 加深对 gulp 自动化配置的掌握
  4. 了解了一个项目完整的开发流程

Build Setup

# clone the repo into your disk.
$ git clone https://github.com/bxm0927/lottery.git

# run gulp
$ gulp --watch

# visit
$ http://localhost:3000/