共计 992 个字符，预计需要花费 3 分钟才能阅读完成。
最近华为云出品了一个开源我的项目叫 OpenTiny，其中蕴含两个前端组件库我的项目一个是 TinyVue 另一个是 TinyNG 组件库。TinyNG 组件库是一个基于 Angular 框架的开源 UI 组件库，其中蕴含了丰盛的 UI 组件，如按钮、输入框、表格、对话框等，能够不便开发人员疾速构建 Web 利用界面。TinyNG 组件库的设计格调简洁、易于应用，同时反对响应式设计，能够适配不同的设施尺寸。同时，它也反对自定义主题和国际化，满足不同我的项目的需要。我最近也是尝试应用了这个 TinyNG 组件库，上面也给大家说一下这个 TinyNG 组件库到底是怎么应用的。
应用 TinyNG 组件库的步骤如下：
- 下载并导入 TinyNG 组件库的 CSS 和 JS 文件到我的项目中。
- 在 HTML 文件中引入相干的 CSS 和 JS 文件。
- 在页面中应用组件库提供的组件和工具。
例如，应用按钮组件：
当然，除了按钮组件，还有很多其余的组件和工具，能够依据理论需要应用。在应用时，能够参考 TinyNG 组件库的文档，文档中提供了具体的组件和工具的应用阐明和示例代码。
在应用了下 OpenTiny 我的项目中 TinyNG 组件库后，其实整体感觉还是十分不错的，组件也是十分丰盛，并且 TinyNG 这个我的项目的劣势还是比拟明确的：
1、TinyNG 组件库组件丰盛，已开源 70+ 根底组件，逐渐开源 100+ 组件。应用 CSS Var 自定义主题，免编译、反对 JS 热更新变量。所见即所得自定义主题配置，一键公布到 npmjs
2、微组件个性：每个组件独立版本号治理，能够独自装置或降级一个组件。如果应用泛滥组件，仅降级一个组件，免去全量测试。
3、采纳面向对象架构设计，代码反复率远低于谷歌等竞品一个数量级。与 Angular 放弃同步降级。
对于 OpenTiny 开源我的项目的 TinyNG 组件库，我也增加了小助手微信：opentiny-official，想要理解更多的话也能够增加下，有须要也能够一起交换前端技术，一起玩开源。😁
OpenTiny 官网：https://opentiny.design/
OpenTiny 代码仓库：https://github.com/opentiny/
TinyVue 组件库：https://github.com/opentiny/tiny-vue（欢送 Star）
TinyNG 组件库：https://github.com/opentiny/ng（欢送 Star）