前端學習筆記——移動前端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、很是接近原生界面）

前不久基於JavaScript編寫的Ajax框架ExtJS,將現有的ExtJS整合JQTouch、Raphaël庫，推出適用於最前沿Touch Web的Sencha Touch框架，該框架是世界上第一個基於HTML5的Mobile App框架。同時，ExtJS改名爲Sencha，JQTouch的創始人David Kaneda，以及Raphaël的創始人也已加盟Sencha團隊。

Sencha Touch可讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數據管理，所有基於最新的HTML5和CSS3的 WEB標準，全面兼容Android和Apple iOS設備。

下面是Sencha官方給出的幾點特性

1.基於最新的WEB標準 – HTML5，CSS3，JavaScript。整個庫在壓縮和gzip後大約80KB，經過禁用一些組件還會使它更小。

2.支持世界上最好的設備。Beta版兼容Android和iOS，Android上的開發人員還可使用一些專爲Android定製的主題。

3.加強的觸摸事件。在touchstart、touchend等標準事件基礎上，增長了一組自定義事件 數據集成，如tap、swipe、pinch、rotate等。

4.數據集成。提供了強大的數據包，經過Ajax、JSONp、 YQL等方式綁定到組件模板，寫入本地離線存儲。

官網：https://www.sencha.com/

中文網：http://extjs.org.cn/

7、Bootstrap

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

特色：Bootstrap是基於HTML5和CSS3開發的，它在jQuery的基礎上進行了更爲個性化和人性化的完善，造成一套本身獨有的網站風格，併兼容大部分jQuery插件。

官網：https://getbootstrap.com/

中文網：http://www.bootcss.com/

源碼：https://github.com/twbs/bootstrap/

8、HBuilder (MUI+HTML5Plus)

官網：http://www.dcloud.io/index.html

參照：http://www.cnblogs.com/best