运营环图开发总结

应运营同事的需求，需要开发一个上图所示的运营图配置页面。

基建规范

如果没有提前整理好项目基础程序框架和mdc文件，会导致后续花费大量的时间进行修改工作，比如代码规范方面，初期不配置好ESLint和Sornar，后面就面临一大堆的修改，比如：

• 魔法数字
• 方法函数的复杂度
• if/else的大括号
• 双引号
• 单行长度
• 空格
• ……

同步内网之前，一定要本地npm run lint检查下，不然同步内网才发现问题，然后再外网修改-同步，效率太低了。

程序设计

初期一定要根据项目的特性，设计好文件结构、程序设计原则、模块化等等，不然后面还得花费精力单独进行拆分。
这需要提前对需求进行分类，给不同类型的需求对应上不同的程序设计选型。

• StandardChart需求
• 运营的一次性静态可视化需求
• 业务可视化组件需求(轻依赖+组件化封装)

组件化

首先，得是个组件，能打包为CDN
这要求开发的时候，就得按照组件的框架去写，不然后面再修改，工作量会比较大。