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