某银行管理X平台

我要开发同款
mabeliu2020年12月15日
172阅读

作品详情

技术栈:Vue+Vue-router+Vuex+Element-ui+webpack+less
项目周期:2018/08- 2018/12
项目场景:该平台为移动应用管理核心APP模块。能够实现移动应用的高效分发、更新等管理,并对设备中已安装应用进行安全监控
项目过程:
这个项目我负责的部分是25个功能模块中8个功能模块共计30个页面的开发、以及第一版完成后的300个BUG修复和优化提升。
1.基于VUE全家桶 + Element UI开发,能够更高效的制作出流畅的页面。
2.Vue-router使用:一开始的时候,只是单纯的将一个功能页面全部写在一个路由中,后续发现在面对逻辑复杂、功能多的时候,代码会变得异常繁杂和难于管理维护。因此后续开发中,将一个页面的功能按照逻辑关系进行再一次的细分。
3.Vuex:控制台这个模块多数状态的传递都在只发生在父子组件中,但是状态变更一多,那么后期维护将是噩梦,使用Vuex则可以解决这一担忧。特别是在针对用户信息这一块,需要随时携带进页面中,直接调用vuex会更便携。
4.Element:整个开发过程用到了element UI中80%的组件,在面临特殊场景功能的时候,可以在element上进行改动,或者学习element的核心原理进行自己封装组件。
5.在优化方面,利用组件的复用、缓存处理、减少http请求、代码的优化以及图片处理来提升性能
提升:在这个项目中,因为业务逻辑复杂、功能效果特殊,因此遇到的问题十分之多。
1.在开发公共组件的时候,能够将各种各样的业务场景考虑进去;
2.对于一些数据改变,但是页面没有变化时候巧妙的使用v-if或者this.$forceupdate()可以解决问题;
3.在组件细分的时候,保持纯数据和状态数据的分离可以有效的避免逻辑上的错误;
4. 在解析后台传过来的结构复杂的数据时候,像剥洋葱一样一层一层的将数据解析。

5 对于一个项目的开发,构建是很重要的,确定好代码风格和代码规范能够有效的解决后期的更改和维护;


声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论