最近华为云出品了一个开源我的项目叫OpenTiny,其中蕴含两个前端组件库我的项目一个是TinyVue另一个是TinyNG组件库。TinyNG组件库是一个基于Angular框架的开源UI组件库,其中蕴含了丰盛的UI组件,如按钮、输入框、表格、对话框等,能够不便开发人员疾速构建Web利用界面。TinyNG组件库的设计格调简洁、易于应用,同时反对响应式设计,能够适配不同的设施尺寸。同时,它也反对自定义主题和国际化,满足不同我的项目的需要。我最近也是尝试应用了这个TinyNG组件库,上面也给大家说一下这个TinyNG组件库到底是怎么应用的。


 

应用TinyNG组件库的步骤如下:

  1. 下载并导入TinyNG组件库的CSS和JS文件到我的项目中。
  2. 在HTML文件中引入相干的CSS和JS文件。
  3. 在页面中应用组件库提供的组件和工具。

例如,应用按钮组件:


当然,除了按钮组件,还有很多其余的组件和工具,能够依据理论需要应用。在应用时,能够参考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)