项目使用Vue全家桶和定制化的Element-UI样式库搭建，其中也发生了很多令人忍不住想记录下来的东西；这次我就来总结下搭建这个项目的一些想法，在通知需要开发这样一个系统的时候，我很兴奋，这是我来公司之后第一个让我操刀开干的后台管理系统，我当然想尽我所能将其塑造完美。首先则是导航，导航有两种形态，导航的图标和文字我定在路由中配置，这样路由列表的数据统一都由router里边过滤出来，保证了数据的一致性和通用性，还要考虑滚动条的兼容，由于对滚动条的设置在chrome以外的浏览器有很大的兼容问题，所以使用的是Element的scroll 组件。页面布局希望在尺寸改变的同时样式也有所调整，所以选择了rem布局。公共模块中对于服务端的数据我们需要做一些相关的请求封装，用于拦截已知和未知的错误，并展现在用户端用于提示，不仅如此我们还要考虑可维护性和扩展性，所以对server请求实例都是用配置的方式去声明，之后会向外面暴露server和info两个属性,server属性在加上配置声明的命名空间和名称访问的时候就会返回一个被我们处理过的promise供开发者使用，info属性也是加上配置声明的命名空间和名称访问，不过会返回当前配置的所有基本信息，这样一来我们就把server 层给管理起来了。

项目开发周期是2017 年 12 月 1 号到 2018年 2月 12 号，我负责前端框架搭建、页面开发，这个项目是为pos机开发的前端项目，会使用到JsBridge、加载动画，购物车加入动画，webview和java端的交互、小数相加等，对此我选择使用vue、vue-router、vee-validate 、fastclick、bignumber.js、axios.js 等框架和库开发整个项目。其中小数相加减使用的是bignumber的方法，由于pos系统版本和webview内核版本较低，会存在一定的兼容问题，不过好在我都发现并解决了，比如不支持findIndex方法，后面过年了、回来之后测试反馈了些问题，修改已上线。

在此次开发中本人负责使用前端相关知识搭建项目，使用D3.js制作整个的停车场切换、轮播、子节点展开、位移等的交互动画， 首屏有使用tween.js制作的老虎机数字动画，利用Vue的transition实现的切换动画等等杂项，在对d3.js 的熟悉和进入开发状态这样一个过程对我而言则是一个挑战，因为国内并没有太多相关的教程，基本都是英文文档，再者我的英语水平有限，对于这种文档的理解确实比较困难，也很庆幸谷歌翻译的强大，让我一步一步的去了解d3.js的一些功能之后利用他加上svg的强大图形属性做出了第一版，这个版本获得了公司领导层的一致赞赏，也得到了同事之间的认可，让我感觉这次的学习和使用是非常具有纪念意义的。后来在同Java开发人员和PHP开发人员的配合下加入websocket对状态进行实时更新，以及新增的设备轮播和动画效果的修改，让我从模块化的角度又对以前的代码进行相关重构，并让代码按照更新、渲染、创建、轮播等等分为独立的模块进行管理。