介绍

写在前面

这是我在学习 Vue 和理解组件化开发的过程中制作的一个 UI 组件库。

技术栈

  • Vue: 基于 Vue 的组件化思想进行框架的开发,让代码的逻辑更加清晰。
  • Vue CLI 3: 使用 Vue CLI 3 脚手架作为 Web 应用打包工具,并结合热更新等功能提升开发效率。
  • Sass: 使用 Sass 语法更加便捷的编写组件样式,例如变量、函数等。
  • Chai.js: Chai 是一个基于 BDD/TDD 的断言库,本框架使用 Chai.js 进行单元测试。
  • Karma.js: Karma 是一个测试运行器,它可以呼起浏览器,加载测试脚本,然后运行测试用例,让测试的过程自动化。
  • Mocha.js: Mocha是一个单元测试框架/库,用于写测试用例。
  • Sinon.js: 使用 Sinon 提供的 spy 函数用于单元测试中判断一个函数是否被调用过。
  • TravisCI: 将本项目通过 GitHubTravisCI 的关联实现持续集成,测试用例进一步自动化。

项目特点

  • 使用Travis CI进行持续集成测试。
  • 使用了TDD/BDD、设计模式、单向数据流等技术概念。
  • 使用Vue的多种功能并深入理解这些功能。
  • 组件的样式、色彩的搭配参考了一些成熟的UI框架(如Element UI、Ant-design)。

目前代码尚未完工,持续更新中。本组件库仅供学习交流,请勿在生产环境中使用。 欢迎讨论交流,如果你觉得还不错,请 Star