一、jQuery MobilejQuery Mobile 是jQuery在移動設備上的版本,做為主要針對移動設備的框架來說,它提供一個移動設備平臺統一的介面來相容不同的移動平臺,其特性包括:1.簡單易用2.漸進增強和優雅降級3.Accessibility4.小規模5.主題設置6.跨平臺學習容易,資料... ...
一、jQuery Mobile
jQuery Mobile 是jQuery在移動設備上的版本,做為主要針對移動設備的框架來說,它提供一個移動設備平臺統一的介面來相容不同的移動平臺,其特性包括:
1.簡單易用
2.漸進增強和優雅降級
3.Accessibility
4.小規模
5.主題設置
6.跨平臺
學習容易,資料豐富,但早期的版本使用時非常卡,也早期的硬體也有關係,後續版本在性能方面有改進。
二、Framework7
覆蓋了原生iOS應用所能呈現的一切內容,
官網:http://framework7.taobao.org/
三、SUI Mobile
阿裡巴巴共用業務事業部UED團隊
SUI Mobile 是阿裡巴巴共用業務事業部SDC團隊(UED)提供的一套手機UI庫。
我們的目的是為手機千牛、百川以及任何手機端的H5頁面提供標準的設計規範和前端實現。
SUI Mobile並沒有重新發明輪子,我們主要參考了 ratchet 和 Framework7
這裡只是一個官方示例,詳細文檔請參考:http://m.sui.taobao.org/
四、WeUI
WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
github:https://github.com/weui/
五、Ionic
融合AngularJS、Cordova、社區活躍
六、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等方式綁定到組件模板,寫入本地離線存儲。七、Bootstrap
Bootstrap (v4移動設備優先、簡潔靈活)
特點:Bootstrap是基於HTML5和CSS3開發的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,並相容大部分jQuery插件。
源碼:https://github.com/twbs/bootstrap/
八、HBuilder (MUI+HTML5Plus)
官網:http://www.dcloud.io/index.html
參照:http://www.cnblogs.com/best