需要确定范围

• B端和编辑器，H5，管理平台

ssr适合toC（追求极致的性能），不适合toB，所以架构需要考虑成本，用最简单的方案

• 独立组件库
  编辑器和h5展示用到的组件是一样的，需要复用
  确定组件数据结构（使用vnode来表示元素，使用数组index标称图层）

• 数据流转流程

技术方案文档

• 随性写，就单纯思考要怎么做
• 可以尝试写一部分代码，捋一捋思路
  • 如果想明白了，写代码花不了太多时间
  • 如果写不出来，说明思路还存在问题

1. 需求
2. 范围（整体设计，架构设计，不需要细节）
3. 模块设计
   • 模块的拆分和关系图，结果
   • 模块的关键功能，职责等
4. 特殊的模块重点说明
   • 组件库，独立第三方，同时用于编辑器和h5
   • 自研统计服务，为何自研
5. 作品的数据结构
   1. vuex store的结构，解释
   2. 数据流转关系图
6. 扩展性保证
   1. 扩展组件
   2. 数据结构层面
   3. 扩展编辑器的功能，组件移仓，锁定
   4. 扩展页面配置
   5. 扩展分享信息
7. 开发提效
   1. 脚手架
   2. 组件平台
8. 运维保障
   1. 线上服务和运维服务
   2. 安全
   3. 监控和报警
   4. 服务扩展性：流量大