資訊專欄INFORMATION COLUMN
摘要：誕生于年月份，年月份正式開源，多次，發(fā)布個(gè)版本，個(gè)組件，共計(jì)個(gè)單測，測試覆蓋率。得益于的穩(wěn)定，自發(fā)布第一個(gè)版本起，都沒有破壞性的更新，本次發(fā)布的版本自然也沒有破壞性的更新。因要支持低版本的，暫時(shí)并沒有提供該功能。
vue-antd-ui是一個(gè)站在巨人(antd)肩膀上的UI組件庫，有著其它組件庫沒有的優(yōu)勢，幾乎繼承了antd所有的功能特點(diǎn)，自帶antd各種buff。
vue-antd-ui誕生于17年9月份，18年3月份正式開源，800多次commit，發(fā)布23個(gè)版本，51個(gè)組件，共計(jì)686個(gè)單測，測試覆蓋率85.19%。
得益于antd的穩(wěn)定，vue-antd-ui自發(fā)布第一個(gè)版本起，都沒有破壞性的更新，本次發(fā)布的1.0版本自然也沒有破壞性的更新。如果你在使用vue-antd-ui，你可以直接更新(npm i [email protected])。
自上次發(fā)布文章:在Vue中使用JSX的正確姿勢后，組件庫除了解決用戶反饋的bug外，又新增了List、TreeSelect、Carousel三個(gè)組件，組件數(shù)量達(dá)到51個(gè)，相較于antd，僅有Mention、Drawer(3.7.0新增)還未開發(fā)，接下來我們也會(huì)盡快完成組件的開發(fā)。
另外，雖然在上期文章中多帶帶介紹了Vue JSX的使用，但有些開發(fā)者依然不太能夠接受JSX，為此我們對Form組件進(jìn)行了升級，在保留原有API不變的情況下，新增了在模板語法中使用自動(dòng)收集及校驗(yàn)的功能。
本次僅僅對比國內(nèi)知名的element和iView，這兩個(gè)組件庫都是非常優(yōu)秀的組件庫，組件數(shù)量都很豐富，質(zhì)量也很高。
交互樣式：交互樣式甚至動(dòng)畫是一個(gè)很主觀的東西，這里我不做評價(jià)，不撕逼！我只說一句：vue-antd-ui的樣式和動(dòng)畫和antd 100%一致。
組件數(shù)量(僅對比差異組件)：| 組件 | iView | element | vue-antd-ui |
|---|---|---|---|
| ColorPicker 顏色選擇器 | 有 | 有 | 無 |
| Calendar 日歷 | 無 | 無 | 有 |
| List 列表 | 無 | 無 | 有 |
| Scroll 無限滾動(dòng) | 有 | 無 | 可用List組件實(shí)現(xiàn) |
以上差異如有遺漏，純屬疏忽！
組件質(zhì)量：質(zhì)量是一個(gè)很難量化的指標(biāo)，這里僅提供單測覆蓋率作為參考：
| iView | element | vue-antd-ui |
|---|---|---|
| 暫無(出乎意料，看代碼，單測還在補(bǔ)充中) | 86% | 85% |
得益于antd在國際化上的積累，vue-antd-ui在國際化語言包上有著明顯的優(yōu)勢。最主要的是vue-antd-ui可以使用組件的方式隨時(shí)更改包裹組件的語言，也就是說，同一個(gè)頁面中可以同時(shí)存在多種語言。
定制化：如果說組件數(shù)量、國際化并不是那么重要，那么我想也許定制化有可能打動(dòng)你。當(dāng)時(shí)開發(fā)vue-antd-ui的一部分原因是在使用iView和element時(shí)很不方便(甚至不可以)去定制一些元素。
iView和element對于一些自定義元素都是采用render函數(shù)的方式，在不使用JSX的情況下，render函數(shù)那是相當(dāng)復(fù)雜。得益于Vue 2.5.0版本之后新增的slot-scope屬性，vue-antd-ui可以讓你繼續(xù)使用模板語法進(jìn)行自定義元素。
PS：iView、element因要支持低版本的vue，暫時(shí)并沒有提供該功能。
修改：多謝提醒，element新版本已經(jīng)有很多屬性支持slot-scope周邊生態(tài)：
優(yōu)勢：vue-antd-ui可以共享antd周邊設(shè)計(jì)資源
缺點(diǎn)：缺少腳手架及各種admin，歡迎有興趣的同學(xué)加入我們共建相關(guān)資源
倉庫地址: https://github.com/vueComponent/ant-design
官網(wǎng)地址: https://vuecomponent.github.io/ant-design/
國內(nèi)鏡像: http://tangjinzhou.gitee.io/ant-design/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108096.html
摘要：工資不漲，英偉達(dá)的售價(jià)年年漲。近日，宣布推出適用于的，其中包括。對于正在進(jìn)行的深度學(xué)習(xí)加速工作而言，這是一座重大的里程碑。而實(shí)現(xiàn)則使用了，這是一個(gè)適用于深度學(xué)習(xí)的高度優(yōu)化例程庫。目前已發(fā)布安裝說明及預(yù)構(gòu)建的映像。 工資不漲，英偉達(dá) GPU 的售價(jià)年年漲。因此，多一個(gè)競爭對手，總是好事。近日，Google 宣布推出適用于 ROCm GPU 的 TensorFlow v1.8，其中包括 Rade...
摘要：圖表君聊開篇今天是圖表君聊的第一篇，為什么會(huì)有這個(gè)系列呢容器技術(shù)出現(xiàn)已經(jīng)有一段時(shí)間了，之前零零星星的也看過一些文章，圖表君的項(xiàng)目上也在使用。至于，圖表君沒試過，官網(wǎng)有的教程，大家可以參考。上的官網(wǎng)，安裝，然后跟著圖表君一起學(xué)習(xí)吧。 圖表君聊Docker-開篇 今天是圖表君聊Docker的第一篇，為什么會(huì)有這個(gè)系列呢？容器技術(shù)Docker出現(xiàn)已經(jīng)有一段時(shí)間了，之前零零星星的也看過一些文章...
摘要：它的文檔也是相當(dāng)詳細(xì)，每個(gè)功能都配有詳細(xì)說明和實(shí)例代碼，直接復(fù)制就可以使用，我們也計(jì)劃在明年啟動(dòng)英文文檔翻譯計(jì)劃。明年會(huì)啟動(dòng)英文文檔翻譯計(jì)劃，也希望喜歡和支持，同時(shí)英語不錯(cuò)的同學(xué)可以加入我們，一起參與翻譯。 前段時(shí)間在微軟參加活動(dòng)，分享了 TalkingData 開源的基于 Vue.js 的高效 UI 組件庫 iView 的一些開發(fā)經(jīng)驗(yàn)，現(xiàn)整理成文，和大家探討。 showImg(htt...
閱讀 2356·2021-11-18 10:02
閱讀 3549·2021-11-15 11:36
閱讀 1173·2019-08-30 14:03
閱讀 813·2019-08-30 11:08
閱讀 2810·2019-08-29 13:20
閱讀 3360·2019-08-29 12:34
閱讀 1431·2019-08-28 18:30
閱讀 1689·2019-08-26 13:34
