移動前端UI選擇

 

1、jQuery Mobile

jQuery Mobile 是jQuery在移動設備上的版本，作爲主要針對移動設備的框架來講，它提供一個移動設備平臺統一的接口來兼容不一樣的移動平臺，其特性包括:
1．簡單易用
2．漸進加強和優雅降級
3．Accessibility
4．小規模
5．主題設置
6．跨平臺

 

官網：http://jquerymobile.com/

學習容易，資料豐富，但早期的版本使用時很是卡，也早期的硬件也有關係，後續版本在性能方面有改進。

2、Framework7

覆蓋了原生iOS應用所能呈現的一切內容，

官網：http://framework7.taobao.org/

 

3、SUI Mobile

阿里巴巴共享業務事業部UED團隊

SUI Mobile 是阿里巴巴共享業務事業部SDC團隊（UED）提供的一套手機UI庫。
咱們的目的是爲手機千牛、百川以及任何手機端的H5頁面提供標準的設計規範和前端實現。
SUI Mobile並無從新發明輪子，咱們主要參考了 ratchet 和 Framework7
這裏只是一個官方示例，詳細文檔請參考：http://m.sui.taobao.org/

4、WeUI

WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信 Web 開發量身設計，能夠令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 

演示：https://weui.io/

github:https://github.com/weui/

5、Ionic

融合AngularJS、Cordova、社區活躍

官網：http://ionicframework.com/

示例：http://view.ionic.io/

6、Sencha Touch

Sencha Touch（源於ExtJS、很是接近原生界面）

Bootstrap (v4移動設備優先、簡潔靈活)

HBuilder (MUI+HTML5Plus)