1：weUI

官方網(wǎng)址：https://weui.io/

官方介紹：WeUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫,由微信官方設(shè)計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計,令用戶的使用感知更加統(tǒng)一。

圖片發(fā)自簡書App

優(yōu)點：
做為開發(fā)者的我們可以不用寫太多css，直接拿過來就可以用。組件都有點擊態(tài)，大大增加了用戶的體驗好感，高清屏幕下 border : 0.5

2：Frozen UI
專注于移動web的UI框架,基于騰訊手機QQ規(guī)范... FrozenUI提供的CSS組件是目前QQ會員前端開發(fā)組所用的通用樣式庫

官方網(wǎng)址：http://frozenui.github.io/
http://frozenui.github.io/components.html#poptips

圖片發(fā)自簡書App

優(yōu)缺點：
基礎(chǔ)樣式效果簡單色調(diào)清爽

3：MUI
最接近原生APP體驗的高性能前端框架，可多端發(fā)布到Appstore、Android市場、瀏覽器、微信公眾號、百度直達(dá)號及流應(yīng)用

官方網(wǎng)址：http://dev.dcloud.net.cn/mui/

圖片發(fā)自簡書App

優(yōu)缺點：這個框架給我的吸引之處就是它的 UI 是以 IOS 為 主體設(shè)計的，當(dāng)然它也補充了android特有UI樣式。并且MUI官方聲稱用來開發(fā)深入以后發(fā)現(xiàn)拿它做 APP 還能夠提高用戶使用流暢度但網(wǎng)址上對它的評價是一種深入骨髓的廉價感。

4：SUI Mobile

介紹 SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫。它非常輕量、精美，阿里前端團隊出品的SUIMobile的前端UI庫，方便迅速搭建手機H5應(yīng)用,也非常適合開發(fā)跨平臺Web App

官方網(wǎng)站 http://m.sui.taobao.org/getting-started/

圖片發(fā)自簡書App

優(yōu)缺點：
兼容性好，能兼到 iOS 6.0+ 和 Android 4.0+
風(fēng)格：炫酷的iOS風(fēng)格功能強大的組件輕量的UI庫，開始使用，只需要幾個簡單的步驟

缺點：sui mobile會和jquery沖突:后期維護/編寫都很麻煩，開發(fā)人員以及離職，大半年都沒有維護了

Github：https://github.com/sdc-alibaba/SUI-Mobile
Demo：http://m.sui.taobao.org/demos/
專注于開發(fā)的：http://framework7.taobao.org/

原文作者：祈澈姑娘
技術(shù)博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，愛編程，愛運營，愛折騰。
堅持總結(jié)工作中遇到的技術(shù)問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

文末福利：關(guān)注「編程微刊」公眾號 ，在微信后臺回復(fù)「領(lǐng)取資源」，獲取IT資源200G干貨大全。公眾號回復(fù)“1”，拉你進(jìn)程序員技術(shù)討論群

轉(zhuǎn)載于:https://www.cnblogs.com/wangting888/p/9701505.html

總結(jié)

以上是生活随笔為你收集整理的移动端常用的四个框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。