业务前景:服务于中信建投公司,提供全套的期权业务,开发的一款混合式 app 项目,h5主要负责交易相关开发,并需要实现主体定制化;
前端投入:4;
技术上:h5 + 原声开发(ios,android)+mpass 通信的方式的 hybrid 开发;
h5选型上:webpack+react(18版本)全家桶+antd-mobile+mpass
难点:
1、由于持仓相关列表数据的固定列滑动,自定义封装 table的 widget ,并且数据展示做到了虚拟列表的技术,解决数据量过大的滑动卡顿问题;
2、在策略交易页面绘制策略相关图例,运用了 echarts 的自定义绘制模块,自定义画布的实现;
3、在h5和手机端 通信上,防止 mpass 的 回调地狱,以及权限交互等,中间搭建一层中间统一切面的方式,将 回调模式转换为 promise ,并且做了消息统一分发中间池;
4、 由于 antd-mobile在2.x版本上不支持主题定制方案,在 webpack 中间件上自实现一套对于起走和功能 less 变量的抽取以及搜集,实现了一套动态切换方案;
5、 由于 mpass 发包的 分包细致更新,在 webpack 做到多入口分包,并且自动生成自动包 id 的脚本输出;