小花钱包

金融 P2P 案例ID：125319

崇广

4 年经验· 上海中软国际有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

责任描述：
1.这个项目是多人开发的移动端APP，主要负责需求研发、框架分析、模块搭建及项目维护；实现企业与渠道资金方借还款、企业与客户借还款，用户绑卡、渠道签约。
2.负责“小花钱包”推广活动开发，促注册、促完件、促借款。
3.对接开发第三方注册落地页（百度、广点通、今日头条、360）。
项目简介：
1.该项目是一个借款平台基于Node.js环境搭建，通过yarn来对引入模块的安装。使用Vue.js框架结合业务需求搭建自己的组件库，基于 promise 的 HTTP 库通过Axios封装自己业务请求，发送请求来获取数据，对数据进行更新和修改，从而进行搭建、完善页面。
2.因为业务较为复杂，所以该项目是多页面应用模式的。我们没有引用第三方组件，公共组件库是自己开发的，提取出多个独立的模块。采用懒加载提高系统响应速度，待用户操作再请求加载出相应内容，这样就控制了网页资源一次性请求数量，并且对浏览器做了很好的兼容，这样更有利于维护。
3.项目采用Sass对CSS样式进行预处理编译，使用rem相对于根元素html实现了页面对不同屏幕大小和移动端的动态适配，对图片也进行了base64编码，
4.项目的资源文件部署在CDN上，用户的每个动作行为我们都用埋点记录着，使用kibana来观察埋点数据，以防有bug时，更加容易定位出问题原因所在，
5.使用GitLab来进行代码管理，我们对分支的管理很严格，先在各自的分支上进行开发，提测时候相互review代码后合并到dev分支，然后远程登录服务器发布到测试环境，这样避免团队开发中代码冲突。
6.因为是多人开发的项目，所以引入Typescript来进行开发，对命名的参数做了一个类型的限制，这样会避免了传值的错误，能够更好的后台发送请求，有利于团队合作开发。
7.同时，我们也对代码进行了优化，对文件命名、组件命名、地址传参大小写都做了明确的代码规范，引入了TSLint规范团队代码风格，有利于团队合作开发。