目前已知的华为云组件库主要有 DevUI 组件库和 OpenTiny 开源项目中的 TinyVue 组件库和 TinyNG 组件库。他们的共同之处在于都是面向企业中后台产品的开源前端解决方案,而且都同时支持 Angular 和 Vue 框架。这里对 DevUI 和 OpenTiny 的区别先按下不表,我们主要对比一下新开源的 OpenTiny 与目前市面上较为流行的几个组件库的区别。
首先我们来看看 TinyNg 与同类 Angular 组件库的对比:
NG组件库对比 | NG-ZORRO | TinyNG | TDesign Angular(页面访问不正常,官网显示ng版本待上线) | Element Angular | NG-NEST |
团队 | 蚂蚁 | 华为 | 腾讯 | 饿了么 | 个人开发者 |
组件数 | 63 | 70 | 33 | 37 | 74 |
自定义主题 | Less | CSS Var | ❌ | ❌ | CSS Var/ts |
主题定制工具 | ❌ | ✔️ | ❌ | ❌ | ❌ |
CLI 脚手架 | ✔️ | ✔️ | ❌ | ❌ | ❌ |
多语言 | ✔️ | ✔️ | ❌ | ❌ | ✔️ |
Select 虚拟滚动 | ✔️ | ✔️ | ❌ | ❌ | ❌ |
Tree 虚拟滚动 | ✔️ | ✔️ | ❌ | ❌ | ✔️ |
Table 虚拟滚动 | ✔️ | ✔️ | ❌ | ❌ | ✔️ |
表格中清晰列出了各个组件库目前支持的特性,综合对比下来,TinyNG 组件库仍具备很大的优势和综合能力,而且其支持单独组件版本升级的功能目前收到了很多好评。
TinyVue 组件库与同类组件库的区别与特点大致如下:
1.功能强大:
丰富:65+ 组件,1500+ 组件API,接口、功能和细节配置丰富。
高性能 : Table、Tree、Select等高频组件均内置虚拟滚动,在大数据场景下保持丝滑体验。
配置式:支持数据驱动的配置式使用方式
2.跨端、跨框架、跨版本:
跨端:一套代码支持移动端、平板、PC、大屏等多端场景,让业务流程更加便捷高效;
跨框架:通过Renderless技术架构,实现多框架共用一套API,框架切换轻松自如;
跨版本:多框架共享组件能力和API,实现无痛升级,保障业务连续
3.安全稳定:
安全:企业级安全保障,所有接口杜绝 XSS ,100% 安全放心,节省代码看护成本。
稳定:经过九年持续打磨,服务于上千个项目,千锤百炼,稳定可靠。
对于OpenTiny开源项目更多探索,一起交流前端技术,一起玩开源。😁
OpenTiny 官网:opentiny.design/
OpenTiny 代码仓库:github.com/opentiny/
TinyVue 组件库:github.com/opentiny/ti… (欢迎 Star)
TinyNG 组件库:github.com/opentiny/ng (欢迎 Star)
TinyCLI 工具: github.com/opentiny/ti… (欢迎 Star)