作為一個前端人員來說,總結幾款相對來說不錯的用於移動端開發的UI框架是非常必要的,以下幾種移動端UI框架就能基本滿足工作中開發需要,根據項目需求,選用合適的框架搭建項目,更能容易提高開發效率。
一、MUI
最接近原生APP體驗的高性能前端框架,追求性能體驗,是我們開始啟動MUI項目的首要目標,輕量必然是重要特征
MUI不依賴任何第三方JS庫,壓縮后的JS和CSS文件僅有100+K和60+K,鑒於之前的很多前端框架(特別是響應式布局的框架),UI控件看起來太像網頁,沒有原生感覺,因此追求原生UI感覺也是我們的重要目標,MUI以iOS平台UI為基礎,補充部分Android平台特有的UI控件
官方鏈接:http://dev.dcloud.net.cn/mui/
二、Frozen UI
由騰訊團隊開發,適用於使用手Q規范設計的Web頁面,而針對非手Q規范的頁面,可通過修改變量定制界面主題。可以按需選擇需要的組件,也可以采用cdn和combo的方式按需加載。使用iconfont展示圖標,包含了按鈕,列表,表單,提示,彈窗等常用組件,新增文本,布局,1px, rem,文字截斷,占位,兩端留白,兩端對齊等解決方案,同時解決了移動端屏幕適配問題。CSS使用模塊化的樣式命名和組織規范,使用sass編寫css代碼。
官方鏈接:http://frozenui.github.io/
三、Amaze UI
Amaze UI 以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。
官方鏈接:http://amazeui.org/
四、SUI Mobile
SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,並且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平台Web App。
官方鏈接:http://m.sui.taobao.org/
五、Muse-UI
基於 Vue 2.0 和 Material Desigin 的 UI 組件庫,Muse UI 擁有40多個UI 組件,用於適應不同業務環境。Muse UI 自定義主題方式極為優雅,僅需少量代碼即可完成主題樣式替換。Muse UI 基於 Vue2.0 開發,Vue2.0是當下最快的前端框架之一,小巧,api友好,可用於開發的復雜單頁應用。
官方鏈接:https://muse-ui.org/#/zh-CN