华为云开源项目OpenTiny的TinyNG组件库应该如何使用?
最近华为云出品了一个开源项目叫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)
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Meta 开源 Rust 编写的高性能构建系统
看来最近 Meta 的工程师是一点都没有闲着,前两天刚开源 AI 图像分割模型,这不就又发布了名为 Buck2 的开源构建系统。 Buck2 是一个已经在 Meta 内部使用了一段时间的大型构建系统,目前 Meta 有数千名开发人员正在使用该构建系统,每天执行数百万次的构建。在 Meta 的内部测试中,Buck2 完成构建的速度是 Buck1 的 2 倍。 虽然 Buck2 跟 Buck1 使用了相同的名称,也是 Buck1 构建系统的继任者,但前者并不是后者简单的升级版,Buck2 用 Rust 完全重写(Buck1 用的 Java),目标是使构建速度更快、更有效。 正因如此,Buck2 有一个单独的 GitHub 仓库和单独的官方网站,为的就是跟 Buck1 进行区分。 我们自己的内部分析表明,当 Buck2 执行构建时,工程师能够生成更多有意义的代码,我们希望更广泛的行业也能从中受益。 Buck2 的设计基于以下原则: 完全分离了核心规则和特定于语言的规则,将语言规则从核心中分离出来意味着规则更容易改变和理解。Buck2 的核心是用 Rust 编写的,它的语言规则(比如如何构建 ...
- 下一篇
BeeCP-3.4.1,小型 JDBC 连接池组件
一:基本介绍 BeeCP 是一款小型 JDBC 连接池组件,具有性能高,代码轻,稳定好的特点。 二:优化内容 1:两处锁支持等待超时(连接池创建,连接创建) 2:连接池加入新的清理方法,池内连接被清理后可载入新配置 3:连接 5 个可复位属性加入是否启用开关 4:连接借用等待中断识别优化 5:连接池代码优化与调整(比如新增异常类,接口类位置移动等) 三:软件包下载 <dependency> <groupId>com.github.chris2018998</groupId> <artifactId>beecp</artifactId> <version>3.4.1</version> </dependency> <dependency> <groupId>com.github.chris2018998</groupId> <artifactId>beecp-spring-boot-starter</artifactId...
相关文章
文章评论
共有0条评论来说两句吧...