我们前端用的是vue，最近出现了很多前端框架，基本都是为了实现es6语法和npm打包。当然还有自己的一些特性。
vue支持双向绑定，有自己的生命周期，但是运行的时候基本都是通过npm翻译成es5，浏览器支持的语法。
包括控件elementui，事件@，路由等等的特性，都是为了快速开发。所以现在很多公司的前端都选择用框架开发而不是传统的
js开发，就是为了快速，功能多，可以模块化。所以还是要跟上趋势的。然后就是bpmnjs，这是工作流的画图工具。
https://bpmn.io/toolkit/bpmn-js/
这个就是我主要开发的东西，这个也是一套架构，就像vue，jquery一样有很多别人写好的东西然后在这上面开发。
这套框架主要提供了图形画法和图形与xml的对应关系。由于我们主要是写自己的任务所以主要研究了图形画法。
其中主要是viewer和modeler，viewer主要应用了html5在caver上画图的技术和svg的画图技术，modeler是viewer的继承，主要增加了
左侧面板，属性面板，菜单面板。在官网上有一个简单的说明，和许多例子。也应用到字体画图的技术。
主要应用了js的模块技术，就是npm的打包。插件的获取用到了js的inject依赖注入，插件间的通讯用到了eventbus。
不能缩放的图形用字体来画，可以缩放的图形用svg来画。所以整个bpmnjs也是模块化的框架。
npm install bpmn-js