移動(dòng)端常用UI框架

作為一個(gè)前端人員來說吕嘀,總結(jié)幾款相對(duì)來說不錯(cuò)的用于移動(dòng)端開發(fā)的UI框架是非常必要的,以下幾種移動(dòng)端UI框架就能基本滿足工作中開發(fā)需要趁曼,根據(jù)項(xiàng)目需求棕洋,選用合適的框架搭建項(xiàng)目,更能容易提高開發(fā)效率拍冠。

一、MUI

最接近原生APP體驗(yàn)的高性能前端框架,追求性能體驗(yàn)碟摆,是我們開始啟動(dòng)MUI項(xiàng)目的首要目標(biāo),輕量必然是重要特征
MUI不依賴任何第三方JS庫(kù)断盛,壓縮后的JS和CSS文件僅有100+K和60+K愉舔,鑒于之前的很多前端框架(特別是響應(yīng)式布局的框架),UI控件看起來太像網(wǎng)頁(yè)轩缤,沒有原生感覺贩绕,因此追求原生UI感覺也是我們的重要目標(biāo)壶愤,MUI以iOS平臺(tái)UI為基礎(chǔ),補(bǔ)充部分 Android平臺(tái)特有的UI控件

官方鏈接:http://dev.dcloud.net.cn/mui/

二娇哆、Frozen UI

由騰訊團(tuán)隊(duì)開發(fā)勃救,適用于使用手Q規(guī)范設(shè)計(jì)的Web頁(yè)面,而針對(duì)非手Q規(guī)范的頁(yè)面勃黍,可通過修改變量定制界面主題税肪。可以按需選擇需要的組件益兄,也可以采用cdn和combo的方式按需加載。使用iconfont展示圖標(biāo)疑枯,包含了按鈕蛔六,列表,表單国章,提示,彈窗等常用組件骂删,新增文本四啰,布局,1px柑晒, rem,文字截?cái)喾鹨矗嘉唬瑑啥肆舭仔岢瘢瑑啥藢?duì)齊等解決方案撕彤,同時(shí)解決了移動(dòng)端屏幕適配問題。CSS使用模塊化的樣式命名和組織規(guī)范羹铅,使用sass編寫css代碼。

官方鏈接:http://frozenui.github.io/

三麻蹋、Amaze UI

Amaze UI 以移動(dòng)優(yōu)先(Mobile first)為理念焊切,從小屏逐步擴(kuò)展到大屏,最終實(shí)現(xiàn)所有屏幕適配专肪,適應(yīng)移動(dòng)互聯(lián)潮流。Amaze UI 含近 20 個(gè) CSS 組件荔仁、20 余 JS 組件芽死,更有多個(gè)包含不同主題的 Web 組件,可快速構(gòu)建界面出色关贵、體驗(yàn)優(yōu)秀的跨屏頁(yè)面揖曾,大幅提升開發(fā)效率。相比國(guó)外框架翩肌,Amaze UI 關(guān)注中文排版禁悠,根據(jù)用戶代理調(diào)整字體,實(shí)現(xiàn)更好的中文排版效果粱坤;兼顧國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。Amaze UI 面向 HTML5 開發(fā)站玄,使用 CSS3 來做動(dòng)畫交互株旷,平滑、高效晾剖,更適合移動(dòng)設(shè)備,讓 Web 應(yīng)用更快速載入沽损。

官方鏈接:http://amazeui.org/

四循头、SUI Mobile

SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫(kù)。它非常輕量国裳、精美偿警,只需要引入我們的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+螟蒸,非常適合開發(fā)跨平臺(tái)Web App。

官方鏈接:http://m.sui.taobao.org/

五少办、Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 組件庫(kù)诵原,Muse UI 擁有40多個(gè)UI 組件,用于適應(yīng)不同業(yè)務(wù)環(huán)境蔓纠。Muse UI 自定義主題方式極為優(yōu)雅吗蚌,僅需少量代碼即可完成主題樣式替換。Muse UI 基于 Vue2.0 開發(fā)蚯妇,Vue2.0是當(dāng)下最快的前端框架之一暂筝,小巧硬贯,api友好,可用于開發(fā)的復(fù)雜單頁(yè)應(yīng)用饭豹。

官方鏈接:https://muse-ui.org/#/zh-CN

六、AUI2.0

AUI 2.0是一套全新的AUI框架卫漫,在1.X基礎(chǔ)上進(jìn)行了重新架構(gòu)肾砂。結(jié)合實(shí)際項(xiàng)目出發(fā),站在開發(fā)者和項(xiàng)目的角度包吝,重新定義AUI框架源葫。在2.0中使用了大量彈性響應(yīng)式布局,采用容器+布局結(jié)構(gòu)+控件的嵌套形式息堂,方便開發(fā)者快速布局樣式荣堰。我們充分吸取了AUI使用者的反饋意見和借鑒了市場(chǎng)上其他優(yōu)秀UI框架床未,完成了2.0版本的開發(fā)振坚。2.0遵循Google Material 設(shè)計(jì)規(guī)范,使用MIT開源協(xié)議啃洋。

官方鏈接:http://www.auicss.com/doc/v/2/doc_id/1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末宏娄,一起剝皮案震驚了整個(gè)濱河市逮壁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逗堵,死亡現(xiàn)場(chǎng)離奇詭異眷昆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)作媚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門帅刊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赖瞒,你說我怎么就攤上這事女揭。” “怎么了栏饮?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵吧兔,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我袍嬉,道長(zhǎng)境蔼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任伺通,我火速辦了婚禮箍土,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘泵殴。我一直安慰自己涮帘,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布调缨。 她就那樣靜靜地躺著,像睡著了一般吆你。 火紅的嫁衣襯著肌膚如雪弦叶。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天妇多,我揣著相機(jī)與錄音伤哺,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛立莉,可吹牛的內(nèi)容都是我干的绢彤。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼蜓耻,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼茫舶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起刹淌,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤饶氏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后有勾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疹启,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年蔼卡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了喊崖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡菲宴,死狀恐怖贷祈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情喝峦,我是刑警寧澤势誊,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站谣蠢,受9級(jí)特大地震影響粟耻,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜眉踱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一挤忙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谈喳,春花似錦册烈、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至扭倾,卻和暖如春淀零,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背膛壹。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工驾中, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唉堪,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓肩民,卻偏偏與公主長(zhǎng)得像唠亚,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子此改,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355