华为云开源项目OpenTiny的TinyNG组件库应该如何使用？-低调大师

华为云开源项目OpenTiny的TinyNG组件库应该如何使用？

2023-04-06 347

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

微信关注我们

原文链接：https://my.oschina.net/u/6562980/blog/8627204

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道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 编写的，它的语言规则（比如如何构建 ...

2023-04-08

389

一：基本介绍 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...

2023-04-08

343

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。