介紹三款大前端UI框架
一、螞蟻金服團隊推出的基於React antd (全名:ant.design)
友情跳鏈:https://ant.design/index-cn;使用antd模板:https://pro.ant.design/ (基於react)
優點:
不言而喻,阿裏的螞蟻金服團隊,在前端組件UI上是下足了功底,喜歡開箱即用的可以直接使用,當然該組件不僅僅局限於使用react,同時你可以選用Vue與angular版本去搭配使用。
技術文檔:VUE+antd : https://vue.ant.design/docs/vue/introduce/
技術文檔:Angular+antd : https://ng.ant.design/docs/introduce/zh
二、餓了麽前端團隊推出的基於Vue element UI
element主推的四大原則:
組件較為豐富,但是在開發的過程中有時需要組合組件使用,element空間主色調為
Element 主要品牌顏色是鮮艷、友好的藍色。喜歡輕簡風格的可以嘗試使用。
友情跳鏈:http://element-cn.eleme.io/#/zh-CN
當然,Element不僅僅局限於傳統的Vue+Element模式:
GitHub倉庫:https://github.com/elemefe/element-react
技術文檔:https://element-angular.faas.ele.me/guide/install
三、Google團隊設計並維護 Material design
谷歌表示,這種設計語言旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。
你懂得,谷歌推出的,境內沒服務器,所以要梯子才能正常訪問,慎重選擇,不過UI設計別具一格,喜歡的可以嘗試。
友情鏈接:https://www.material.io/design/components/(訪問速度一般)
技術文檔:https://material.angular.io/(訪問速度較慢)
另外由於angular2.0以上版本推出時間晚於react所以組件並沒有react這邊支持的豐富
技術文檔:https://material-ui.com/(速度一般)
三款UI組件庫,均支持typescript語法。適用於大前端開發與移動端開發。
介紹三款大前端UI框架