最近华为云出品了一个开源我的项目叫 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)