1.项目介绍:用户通过浏览器、微信或POS机出码扫码进入点餐界面,完成点菜、下单、支付流程。产品主要面向香港、新加坡市场,目前已陆续接入味千拉面、海云天、福喜楼等14家门店。
2.担任职责:负责项目搭建开发迭代及维护;
3.技术栈:Vue + Vuex + Less + Axios + ES6 + VantUI + i18n;
4.实现功能:
封装点餐主页左侧菜品分类和右侧列表组件,实现联动滚动功能;
使用混入mixins和vuex统一处理主页和详情的增加移除购物车功能等方法,减少重复代码;
使用computed属性缓存处理套餐相关商品添加购物车的价格和数据计算,减少计算资源浪费;
使用i8n实现国际化简繁英语言包;
统一管理qrcode入口地址栏带参,base64对pos机带参做解密处理;
封装复用组件(购物车列表、底部操作按钮、规格弹窗页面组件等);
使用路由懒加载、路由切换中断请求等方法,减少http请求,使用图片懒加载等优化。