关于前端:OpenTiny项目中TinyVue组件库和TinyNG组件库的区别是什么

44次阅读

共计 1025 个字符,预计需要花费 3 分钟才能阅读完成。

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

总体来说,OpenTiny 是一套华为云出品的企业级组件库解决方案,适配 PC 端 / 挪动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,领有主题配置零碎 / 中后盾模板 / CLI 命令行等效率晋升工具,可帮忙咱们开发者高效开发 Web 利用。

其中尽管有两个组件库我的项目,但这两个我的项目是齐全不同的。

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 攻打,节俭代码看护老本特点介绍

TinyNG 这个我的项目的劣势次要是在于:

1、TinyNG 组件库组件丰盛,已开源 70+ 根底组件,逐渐开源 100+ 组件。应用 CSS Var 自定义主题,免编译、反对 JS 热更新变量。所见即所得自定义主题配置,一键公布到 npmjs

2、微组件个性:每个组件独立版本号治理,能够独自装置或降级一个组件。如果应用泛滥组件,仅降级一个组件,免去全量测试。

3、采纳面向对象架构设计,代码反复率远低于谷歌等竞品一个数量级。与 Angular 放弃同步降级。

最初我也增加了小助手微信:opentiny-official,有须要也能够一起交换前端技术,一起玩开源。😁

官网:opentiny.design/

GitHub 仓库:github.com/opentiny/

微信公众号:OpenTiny

正文完
 0