简介

GearCase UI 是一套简洁的 Vue-UI 组件库。
整合了基础、表单、布局、展示、导航、通知、动画等一系列常用组件,适合移动端和 PC 端使用。
组件的样式结构、API属性的设计参考了诸如 Element UI、Ant Design 等成熟的 UI 框架。

内容

当前版本已经包含的组件
图标、按钮、组合按钮、输入框、网格布局、容器布局、弹出提示、气泡提示、折叠面板、标签页、级联选择器、伸展动画、轮播幻灯片、导航菜单、分页器、表格

其他组件轮子持续更新中...

初衷

不要重复造轮子

提倡「敏捷开发,快速迭代」的今天这句话一直被反复提及。旨在如果已经拥有了成熟、稳定的组件库,就没有必要再重复造轮子。但我认为至少要知道轮子是如何造出来的。因为只有去真正的了解「轮子」的原理才能更好的使用它,把它应用得加合理、更加有效。

站在巨人的肩膀上让我们看得更远,紧跟前辈的脚步前进让我们步伐更加坚实。造轮子的过程也是一个成长的过程,而不能因为世界上已经有了轮子,就不再去造它。将这个作为初衷,我也收获了许多。


收获

在该开源项目构建的过程中收获颇丰。除单纯的造轮子之外,还进行了单元测试、持续集成保证代码的稳定性,极大限度降低 bug 出现的可能。

  • 了解 TDD(测试驱动开发)与 BDD(行为驱动开发)
  • 熟悉重构、设计模式、单向数据流等技术概念
  • 更加熟悉工程化概念
  • 熟悉 parcel 打包工具
  • 熟悉 Webpack Vue-Cli 3.x 工具
  • 更加深入的理解熟悉 Vue

交流

本组件库为个人学习 Vue 的过程产物并作为开源项目,不建议投入正常生产环境使用。欢迎相互交流学习,如果能对您有所帮助,请不要吝惜您的 🌟star。