1. 简介
xflow就是基于x6再次封装的一套框架,官网上直接给出了三个常见的解决方案,可以说上手即用。但是你想要自定义的时候,光看文档就有点吃力了,文档写得不完整而且看着很累。
注意:写文章的时候,我用的xflow版本是1.x的
2. 学习方法
首先xflow里面有数据流的概念。
通过命令
command调用x6的api从而修改数据model,最后更新ui。当然实际编码的时候也不必十分遵守这一规则。介绍这个主要是了解一下xflow的一些思想,以及为什么api这么设计。其实就是基于rxjs封装的一些概念。
然后,要学习这么自定义扩展代码,最好的途径不是看它的文档,而是看xflow的源码仓库,尤其是解决方案的那一部分,可以说我在项目中的很多思路都是参考的这里面的代码。
3. 用xflow还是x6
我没有单独使用过x6,两个都有上手困难的毛病,主要是图这东西要抽象出来确实很复杂。我建议使用xflow,因为他已经为你封装了数据流的操作,而且在react中使用很方便。当然xflow也有很多问题,不过马上就要出2.0了,会简化很多概念和api,到时候再研究一下