国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Zent - 源自有贊微商城的 React 組件庫

Corwien / 2718人閱讀

摘要:是有贊端規范的實現版本,提供了一整套基礎的組件以及常用的業務組件。目前我們有組件,其中包括以及等實用的業務組件。一套有贊設計師繪制的圖標庫。為了解決這些問題,提供了一套自己的時間選擇組件,包括日期選擇周選擇組件月選擇以及時間區間選擇。

Zent ( ?zent ) 是有贊 PC 端 Web UI 規范的 React 實現版本,提供了一整套基礎的 UI 組件以及常用的__業務組件__。通過 Zent,可以快速搭建出風格統一的頁面,提升開發效率。目前我們有 45+ 組件,其中包括 Design 以及 SKU 等實用的業務組件。這些組件都已經在有贊的各類 PC 業務中廣泛使用,我們會在此基礎上,持續開發更多實用的新組件。

我們的目標是做東半球最好的 React 組件庫,讓 React 開發更快、更簡單。

一、特性

一套完整的 UI 組件庫,組件都經過有贊的業務檢驗,實用又靠譜。

完善的中英文文檔,每個組件都有詳細的 API 說明以及可以運行的示例。

內置了 TypeScript 類型定義文件。

Zent 支持自定義主題,通過我們提供的工具你可以在不修改代碼的情況下將組件庫的整體色調改成你想要的任何顏色。

一套有贊設計師繪制的圖標庫。

單測覆蓋率在 90% 以上。

提供了一個 babel 插件自動化按需加載代碼,只引入使用到的 JavaScript 以及 CSS 文件,減小 bundle 體積。

二、我們的優勢: 豐富實用的組件

下面是一些組件的簡單展示,另外我們也提供了一些項目示例,可以幫助你快速使用 Zent 搭建一個頁面。

時間選擇

做過 Web 開發的都知道瀏覽器原生的時間選擇組件不僅不好用,還有各種兼容性問題。為了解決這些問題,Zent 提供了一套自己的時間選擇組件,包括日期選擇、周選擇組件、月選擇以及時間區間選擇。為了適應不同場景的需求,時間區間選擇還提供了兩種不同的交互模式。

顏色選擇器

和時間選擇一樣,顏色選擇在 Web 上也是一個問題,Zent 同樣提供了一個功能強大又方便的顏色選擇組件。

除了常用的基礎組件,Zent 還提供了豐富的__業務組件__,開發者可以使用這些組件快速實現業務功能。

微頁面編輯

我們還開源了有贊的微頁面編輯組件,支持自定義微頁面內的組件,讓你輕輕松松寫出一個WebApp,讓普通用戶也可以搭建含動態數據的頁面的。

SKU 選擇

商品規格是商品很重要的一個屬性,Zent 的 SKU 選擇組件封裝了商品規格選擇的邏輯,讓你從復雜的交互中解放出來,有更多精力去優化業務的實現。

省市區選擇

Zent 也提供了地址輸入中常用的省市區選擇組件,這個功能是由級聯選擇組件實現的。級聯選擇組件不僅僅可以用來實現省市區選擇,很多有層次關系的內容選擇都可以通過這個交互實現,例如店鋪的主營業務類目選擇等。

我們會繼續開放更多基于 Zent 的實用業務組件,敬請期待。

三、展望

Zent 還有不少功能沒有完善,例如還沒有動畫基礎設施,很期待得到大家的批評和幫助,一起打造一個更完善、更好用的 Zent。

完整代碼請移步 Github,使用指南請移步文檔網站。

本文首發于有贊技術博客。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89705.html

相關文章

  • 有贊微信小程序組件(ZanUI-WeApp)開

    摘要:背景由于有贊與微信密切的合作關系,我們第一時間就拿到了內測賬號。春節前我們把它開源到了上,是希望幫助開發者尤其是有贊生態的開發者能夠更快更低門檻地開發出自己的微信小程序,同時希望和開發者們一起打造高顏值好用易擴展的小程序組件庫。 背景 由于有贊與微信密切的合作關系,我們第一時間就拿到了內測賬號。17年1月9號,我們同時上線了有贊微商城小程序和有贊精選小程序(可以在微信-發現-小程序里搜...

    psychola 評論0 收藏0
  • zent之Dialog組件實現

    摘要:但是,最后一步,事件怎么綁定呢這塊沒有深入研究了,不過我想,應該這樣去實現也是沒有問題的。的具體做法是,把方法放到了一個叫做的組件上去實現這個功能,然后再把內容放進這個組件。其他的邏輯比如顯示隱藏之類,全部都放到組件自身上去實現。 1、Dialog組件提供什么功能,解決什么問題? zent的Dialog組件,使用姿勢是這樣的(代碼摘自zent官方文檔:https://www.youza...

    陳江龍 評論0 收藏0
  • 漫談 React 組件開發(一):多層嵌套彈層組件

    摘要:引言組件中有很多彈出式組件,常見的如,以及等。這樣一種層次結構在實踐中大大降低了各類彈層組件的實現和維護成本。但是的組件實現了一個大多數組件庫都沒有實現的功能彈層的嵌套處理。 引言 UI 組件中有很多彈出式組件,常見的如 Dialog,Tooltip 以及 Select 等。這些組件都有一個特點,它們的彈出層通常不是渲染在當前的 DOM 樹中,而是直接插入在 body (或者其它類似的...

    warmcheng 評論0 收藏0
  • 有贊移動 iOS 組件化(模塊化)架構設計實踐

    摘要:一背景業務組件化或者叫模塊化作為移動端應用架構的主流方式之一,近年來一直是業界積極探索和實踐的方向。有贊移動團隊自年起也在不斷嘗試各種組件化方案,在有贊微商城,有贊零售,有贊美業等多個應用中進行了實踐。相比組件,個人感覺稱之為模塊更為合適。 一、背景 業務組件化(或者叫模塊化)作為移動端應用架構的主流方式之一,近年來一直是業界積極探索和實踐的方向。有贊移動團隊自16年起也在不斷嘗試各種...

    Thanatos 評論0 收藏0
  • 推送近期三波關于Vue.js資訊

    摘要:原文來自集前端最近很火的框架資源定時更新,歡迎一下。推送自己整理近期三波關于的資訊這里就拋磚引玉了,望有更屌的資源送助攻。 原文來自:集web前端最近很火的vue2框架資源;定時更新,歡迎Star一下。 推送自己整理近期三波關于Vue.js的資訊; 這里就拋磚引玉了,望有更屌的資源送助攻。 showImg(https://segmentfault.com/img/bVVeiZ); 第...

    Anonymous1 評論0 收藏0

發表評論

0條評論

Corwien

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<