1. 核心数据结构设计

2. 写技术方案设计文档

3. 流程图

4. 架构师思维：
   1. 全局思维： 考虑全面
   2. 整体思维
   3. 闭环思维
   4. 架构师思维来分析需求
5. 业务组件库：
6. 自定义事件统计

学习方法

1. 要有耐心，不要只想着写代码。要多考虑需求和she ji
2. 抛弃程序员思维
3. 技术永远是为业务服务的，技术是实现业务增长的工具

注意事项

1. 不要只关注于细节，要看整体，看范围
2. 设计时判断可行性，不确定就调研一下
3. 设计要考虑复杂度，越简单越好，不要过度设计，不要为了设计而设计

抽奖活动设计

1. 接口列表：
   1. 奖品列表： 对应奖品中奖几率
   2. 活动有效时长：活动上线及结束
   3. 调用抽奖接口：返回抽奖结果
   4. 兑奖的能力：怎么兑换奖品
   5. 抽奖资格校验
2. 看完流程图后的想法：
   1. 全局思维还不够，没有以业务增长的角度看问题，分享没想到。统计分析没想到
   2. 全面 完整 闭环 这三点都没想到

核心数据结构设计

1. 保存的数据结构
   1. 数组结构
   2. 分图层保存，低级图层在前面，渲染的时候按图层渲染
2. 数据同步
   1. 双向绑定数据，左边组件的数据和右边编辑器里一致
3. 图层设计
   1. 每个图层一个数组。数组里是组件

思考：

1. 未考虑到Vnode形式，以前从来就没有用vnode来代替自己的DSL，这是一种新的思路，给我启发了很多。
2. 用vuex来保存数据的话，应该是拖动组件的时候一直延时调用mutation来更新右边的属性列表。