介绍
写在前面
这是我在学习 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: 将本项目通过
GitHub与TravisCI的关联实现持续集成,测试用例进一步自动化。
项目特点
- 使用
Travis CI进行持续集成测试。 - 使用了
TDD/BDD、设计模式、单向数据流等技术概念。 - 使用
Vue的多种功能并深入理解这些功能。 - 组件的样式、色彩的搭配参考了一些成熟的
UI框架(如Element UI、Ant-design)。
目前代码尚未完工,持续更新中。本组件库仅供学习交流,请勿在生产环境中使用。 欢迎讨论交流,如果你觉得还不错,请 Star。