最近聽說華為云開源了一個(gè)項(xiàng)目叫OpenTiny，進(jìn)入OpenTiny官網(wǎng)后，發(fā)現(xiàn)里面一共有三個(gè)項(xiàng)目包含TinyVue、TinyNg和覆蓋前端開發(fā)全流程的腳手架工具TinyCLI,同時(shí)也包含主題配置系統(tǒng)TinyTheme和管理系統(tǒng)模板TinyPro。

總體來說，OpenTiny是一套華為云出品的企業(yè)級組件庫解決方案，適配 PC 端/移動(dòng)端等多端，涵蓋 Vue2 / Vue3 / Angular 多技術(shù)棧，擁有主題配置系統(tǒng) / 中后臺模板 / CLI 命令行等效率提升工具，可幫助我們開發(fā)者高效開發(fā) Web 應(yīng)用。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

其中雖然有兩個(gè)組件庫項(xiàng)目，但這兩個(gè)項(xiàng)目是完全不同的。

TinyVue組件庫是基于Vue.js框架開發(fā)的一組組件庫，而TinyNG組件庫是基于Angular框架開發(fā)的一組組件庫。它們的區(qū)別在于所采用的前端框架不同，因而在使用上也有所區(qū)別。Vue.js和Angular是兩種不同的前端框架，它們在結(jié)構(gòu)、語法和使用方式等方面有所不同。因此在使用TinyVue組件庫和TinyNG組件庫時(shí)需要按照不同的框架使用方式進(jìn)行相應(yīng)的調(diào)用。

對于這個(gè)區(qū)別，大家可以根據(jù)自己的實(shí)際需求和業(yè)務(wù)需要去使用，但說到OpenTiny，其實(shí)本人感覺還是非常不錯(cuò)的，我了解到下面來具體說說：

TinyVue這個(gè)項(xiàng)目的優(yōu)勢主要是在于

1、 OpenTiny組件豐富，Table、Tree、Select等高頻組件均內(nèi)置虛擬滾動(dòng)，在10萬大數(shù)據(jù)場景下保持絲滑體驗(yàn)
2、組件庫采用組件與框架分離的Renderless技術(shù)架構(gòu)，一套代碼同時(shí)支持Vue2.0和Vue3.0
3、OpenTiny所有接口杜絕XSS攻擊，節(jié)省代碼看護(hù)成本特點(diǎn)介紹

TinyNG這個(gè)項(xiàng)目的優(yōu)勢主要是在于：

1、 TinyNG組件庫組件豐富，已開源 70+ 基礎(chǔ)組件，逐步開源 100+ 組件。使用 CSS Var 自定義主題，免編譯、支持JS熱更新變量。所見即所得自定義主題配置，一鍵發(fā)布到 npmjs

2、 微組件特性：每個(gè)組件獨(dú)立版本號管理，可以單獨(dú)安裝或升級一個(gè)組件。如果使用眾多組件，僅升級一個(gè)組件，免去全量測試。

3、 采用面向?qū)ο蠹軜?gòu)設(shè)計(jì)，代碼重復(fù)率遠(yuǎn)低于谷歌等競品一個(gè)數(shù)量級。與 Angular 保持同步升級。

最后我也添加了小助手微信：opentiny-official，有需要也可以一起交流前端技術(shù)，一起玩開源。??

官網(wǎng)：opentiny.design/

GitHub倉庫：github.com/opentiny/

微信公眾號：OpenTiny