XinCafe

简介

XinCafe(新咖啡)订单系统,专为 iPad 设计。

使用 Vue 2.x + vue-router 开发的 SPA,基于 Axios 封装了 HTTP 客户端,使用 SCSS + PostCSS 编写样式,使用 Karma + Mocha 进行单元测试,使用 Webpack 进行构建,使用 ESLint 统一代码风格。

项目利用 LocalStorage 来缓存订单数据,实现了对未注册用户的下单、暂存、恢复等功能。利用 <transition> 组件实现路由切换时的动效,模拟了原生 App 的页面切换逻辑。利用 Webpack 的 Code Split 特性实现了组件的异步加载,优化首次加载性能。

周期

2017 年 4 月 - 2017 年 6 月

技术栈

相关链接

线上地址

项目截图

Screen Shot