antelope-ui/docs/README.md

A Component Library for Vue.js.

# 前言

---


## 为什么要写 Antelope 以及它是什么

当做完几个活动之后，就已经察觉到活动代码有诸多重复之处，不同活动，素材不同，但工作相同。

翻开以往活动，更加印证这一观点，重复的弹出层、弹幕、轮盘、礼盒效果、活动阶段数据展示等等等等。

所以为了提升工作效率，以及技术提升，进行了一次尝试，希望能够写出一套 UI，来整合活动中的动作，减少相同的代码，以及带来更清晰的逻辑。

所以就写出了 Antelope，经过几次活动的使用下来，效果还算不错，减少了以往开发活动时（其实也就几次）的重复逻辑，效率确有提升。但感觉还有提升空间，需要多多优化。

---


## 为什么叫 Antelope

对于起名，我的想法是这三点：

1. 想找个 a 开头的单词
2. 想找个动物
3. 能够代表框架的思想

所以 Antelope 羚羊，符合上述条件，迅捷、持续。

也希望我们的开发，能够迅捷，持续。

---


## 后续期望

其实从一开始考虑的时候，不只是一个框架，一个 UI 如此简单。

在参考了多个活动的切图、逻辑、交互，个人认为开发活动是一个可以桌面化的操作。

用俗话说就是可以在网页中使用拖拉拽的操作进行活动相关配置，最后生成页面。

但俗话又说了，一口气吃不出胖子，所以思考过后，想实现活动开发桌面化的操作，应有以下步骤：

1. 完成一个快速成型的 UI 框架，能够整合所有的重复操作，并且制定组件使用的标准。
2. 当第一步完善后，使用合适的 JSON 来渲染页面结构。
3. 将项目中的变量、方法、接口模块化，使用合适的 JSON 来进行插入。
4. 将第二步、第三步的两个 JSON 使用编译工具输出页面。
5. 开发桌面端页面，能够使用拖拉拽等方式进行上述 2 种 JSON 的配置。