## 项目概述
这个一个指定1920*1080大小画布，自由拖动组合生成模板布局的项目

## 技术栈
- **html5**
- **css3**
- **javascript**
- **jquery**

## DOM结构
```html
<div id="app">
    <!-- 组件列表 -->
    <div id="components-panel"></div>
    <!-- 画布容器 -->
    <div id="canvas-panel"></div>
    <!-- 当前选中组件属性 -->
    <div id="props-panel"></div>
</div>
```

## localStorage 数据结构
**localStorage存储的数据结构放置在data.json中**

## 请阅读以下要求，必须严格遵守
* 执行任何任务的时候，请先输出你的思路，等待我确认之后再修改代码
* 有任何不确认的地方，请先向我确认再执行任务
* 请任何时候使用中文与我沟通或者确认，包括项目中使用注释也使用中文
* 不要更改之前的代码逻辑，包括删除注释等，只允许添加代码，或者当老代码不能满足需求的时候才允许修改