推薦六款行動裝置 UI 框架

作為一個前端人員來說，總結幾款相對來說不錯的用於行動端開發的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###############六、AUI2.0 #########        AUI 2.0是一套全新的AUI框架，在1.X基礎上進行了重新架構。結合實際專案出發，站在開發者和專案的角度，重新定義AUI框架。在2.0中使用了大量彈性響應式佈局，採用容器 佈局結構 控制項的嵌套形式，方便開發者快速佈局樣式。我們充分吸收了AUI使用者的回饋意見和借鑒了市場上其他優秀UI框架，完成了2.0版本的開發。 2.0遵循Google Material 設計規範，使用MIT開源協定。 ######        官方連結：######http://www.auicss.com/doc/v/2/doc_id/1############推薦教學：《 ###CSS教學###》《###JS教學###》###

以上是推薦六款行動裝置 UI 框架的詳細內容。更多資訊請關注PHP中文網其他相關文章！