移動端經常使用UI框架

     做爲一個前端人員來講,總結幾款相對來講不錯的用於移動端開發的UI框架是很是必要的,如下幾種移動端UI框架就能基本知足工做中開發須要,根據項目需求,選用合適的框架搭建項目,更能容易提升開發效率。css

1、MUI前端

        最接近原生APP體驗的高性能前端框架,追求性能體驗,是咱們開始啓動MUI項目的首要目標,輕量必然是重要特徵git

        MUI不依賴任何第三方JS庫,壓縮後的JS和CSS文件僅有100+K和60+K,鑑於以前的不少前端框架(特別是響應式佈局的框架),UI控件看起來太像網頁,沒有原生感受,所以追求原生UI感受也是咱們的重要目標,MUI以iOS平臺UI爲基礎,補充部分Android平臺特有的UI控件github

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

2、Frozen UI瀏覽器

        由騰訊團隊開發,適用於使用手Q規範設計的Web頁面,而針對非手Q規範的頁面,可經過修改變量定製界面主題。能夠按需選擇須要的組件,也能夠採用cdn和combo的方式按需加載。使用iconfont展現圖標,包含了按鈕,列表,表單,提示,彈窗等經常使用組件,新增文本,佈局,1px, rem,文字截斷,佔位,兩端留白,兩端對齊等解決方案,同時解決了移動端屏幕適配問題。CSS使用模塊化的樣式命名和組織規範,使用sass編寫css代碼。sass

        官方連接:http://frozenui.github.io/前端框架

3、Amaze UI框架

        Amaze UI 以移動優先(Mobile first)爲理念,從小屏逐步擴展到大屏,最終實現全部屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、20 餘 JS 組件,更有多個包含不一樣主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提高開發效率。相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。Amaze UI 面向 HTML5 開發,使用 CSS3 來作動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。模塊化

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

4、SUI Mobile 

        SUI Mobile 是一套基於 Framework7 開發的UI庫。它很是輕量、精美,只須要引入咱們的CDN文件就可使用,而且能兼容到 iOS 6.0+ 和 Android 4.0+,很是適合開發跨平臺Web App。

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

5、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

相關文章
相關標籤/搜索