首頁 > web前端 > css教學 > 主體

推薦六款行動裝置 UI 框架

Guanhui
發布: 2020-05-21 10:08:52
轉載
8605 人瀏覽過

推薦六款行動裝置 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中文網其他相關文章!

相關標籤:
來源:jianshu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板