头图

华为云开源OpenTiny项目中TinyVue组件库和TinyNG组件库的区别是什么?

最近听说华为云开源了一个项目叫OpenTiny,进入OpenTiny官网后,发现里面一共有三个项目包含TinyVue)、TinyNg和覆盖前端开发全流程的脚手架工具TinyCLI,同时也包含主题配置系统TinyTheme和管理系统模板TinyPro。

总体来说,OpenTiny是一套华为云出品的企业级组件库解决方案,适配 PC 端/移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助我们开发者高效开发 Web 应用。

image.png
其中虽然有两个组件库项目,但这两个项目是完全不同的。

TinyVue组件库是基于Vue.js框架开发的一组组件库,而TinyNG组件库是基于Angular框架开发的一组组件库。它们的区别在于所采用的前端框架不同,因而在使用上也有所区别。Vue.js和Angular是两种不同的前端框架,它们在结构、语法和使用方式等方面有所不同。因此在使用TinyVue组件库和TinyNG组件库时需要按照不同的框架使用方式进行相应的调用。

对于这个区别,大家可以根据自己的实际需求和业务需要去使用,但说到OpenTiny,其实本人感觉还是非常不错的,我了解到下面来具体说说:

TinyVue这个项目的优势主要是在于:

1、 OpenTiny组件丰富,Table、Tree、Select等高频组件均内置虚拟滚动,在10万大数据场景下保持丝滑体验
2、组件库采用组件与框架分离的Renderless技术架构,一套代码同时支持Vue2.0和Vue3.0
3、OpenTiny所有接口杜绝XSS攻击,节省代码看护成本特点介绍

image.png
TinyNG这个项目的优势主要是在于:

1、 TinyNG组件库组件丰富,已开源 70+ 基础组件,逐步开源 100+ 组件。使用 CSS Var 自定义主题,免编译、支持JS热更新变量。所见即所得自定义主题配置,一键发布到 npmjs

2、 微组件特性:每个组件独立版本号管理,可以单独安装或升级一个组件。如果使用众多组件,仅升级一个组件,免去全量测试。

3、 采用面向对象架构设计,代码重复率远低于谷歌等竞品一个数量级。与 Angular 保持同步升级。

image.png

最后我也添加了小助手微信:opentiny-official,有需要也可以一起交流前端技术,一起玩开源。😁

官网:opentiny.design/

GitHub仓库:github.com/opentiny/

微信公众号:OpenTiny

1 声望
0 粉丝
0 条评论
推荐阅读
华为云OpenTiny跨端、跨框架企业级开源组件库项目落地实践直播即将开启!!!
“你们这个产品怎么只能在电脑上适配呀?我想在手机上看都不行,太麻烦了!!”“你们这个产品看起来太简单了,我想要@@功能,你们这都不能实现吗?”“你们这个产品到底安全不安全呀,不会填一点信息然后全给我泄露出...

英勇无比的消炎药_cHnYX4阅读 252

封面图
「多图预警」完美实现一个@功能
一天产品大大向 boss 汇报完研发成果和产品业绩产出,若有所思的走出来,劲直向我走过来,嘴角微微上扬。产品大大:boss 对我们的研发成果挺满意的,balabala...(内心 OS:不听,讲重点)产品大大:咱们的客服 I...

wuwhs40阅读 4.8k评论 5

封面图
ESlint + Stylelint + VSCode自动格式化代码(2023)
安装插件 ESLint,然后 File -> Preference-> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 设置),搜索 eslint,点击 Edit in setting.json

谭光志34阅读 20.8k评论 9

安全地在前后端之间传输数据 - 「3」真的安全吗?
在「2」注册和登录示例中,我们通过非对称加密算法实现了浏览器和 Web 服务器之间的安全传输。看起来一切都很美好,但是危险就在哪里,有些人发现了,有些人嗅到了,更多人却浑然不知。就像是给门上了把好锁,还...

边城32阅读 7.3k评论 5

封面图
vue UI框架比较
最好基于vue2.0PC端:因为用过的是饿了么UI,所以比较以饿了么UI为基础element UI 饿了么UI支持vue2.x80分优点:组件的API方法、属性等封装的较为完善缺点:样式有些生硬,不够炫酷美观N3 N3支持vue2.x70分优点:...

chinawzc22阅读 39.9k评论 17

涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...

chokcoco24阅读 2.3k评论 3

你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...

XboxYan25阅读 1.7k评论 1

封面图
1 声望
0 粉丝
宣传栏