開發移動端前端框架

1 jQuery Mobile   ****
   jQuery Mobile框架可以幫助你快速開發出支持多種移動設備的Mobile應用用戶界面。jQuery Mobile最新版本是1.4.0,默認主題採用扁平化設計風格。jQuery Mobile1.4.0主要側重於性能和控件方面的改進。除了全新的默認主題和SVG圖標,還新增了開關控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優點,而且提供了豐富的適合手機應用的UI組件。jQuery Mobile還有不少的第三方擴展。
jQuery Mobile 是建立移動 web 應用程序的框架。
jQuery Mobile 適用於全部流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 經過儘量少的腳本對頁面進行佈局。
JQuery Mobile 和 HTML5 的3個缺點:
1.比原生程序運行慢
2.古怪(跨瀏覽器、跨平臺開發):JQuery Mobile如今還是beta版本
3.有限的能力 vs 原生程序

2 Sencha Touch
   Sencha Touch作的Web App看起來更像Native App,用戶界面組件和豐富的數據管理,所有基於最新的HTML 5和CSS3的 WEB標準,全面兼容Android和iOS設備。Sencha Touch提供了超過50個組件。

3 阿里系web框架  ****
 Kissy是阿里前端本身開發的前端框架,KISSY 是一款跨終端、模塊化、使用簡單的 JavaScript 框架。除了完備的工具集合諸如 DOM、Event、Ajax、Anim 等,KISSY 還面向團隊協做作了獨特設計,提供了經典的面向對象、動態加載、性能優化解決方案。做爲一款全終端支持的 JavaScript 框架,KISSY 爲移動終端作了大量適配和優化,讓你的程序在全終端均能流暢運行。KISSY Mobile是一套面向移動端的功能特性集合,實現靈活配置的轉場動畫和View的解偶。KISSY 5.0已經全面支持移動端。

4 百度移動web框架
GMU
Clouda+
efe

5 騰訊系
Spirit
Frozen UI     ****
Frozen UI是騰訊ISUX團隊(社交用戶體驗設計團隊)根據最新的手機QQ設計規範製做的移動端Web框架,包括CSS基礎樣式和組件、JavaScript基礎組件和一些動畫效果庫。爲了方便記憶和增添趣味性,騰訊ISUX團隊爲它取了動畫片《冰雪奇緣》的英文名,並把Elsa女王做爲該項目的卡通代言人
6 ionic
Ionic提供了一個免費且開源的移動優化HTML,CSS和JS組件庫,來構建高交互性應用。基於Sass構建和AngularJS 優化。

    Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件須要Javascript才能產生神奇的效果,儘管一般組件不須要編碼,經過框架擴展能夠很容易地使用,好比咱們的AngularIonic擴展。

    Ionic遵循視圖控制模式,通俗的理解和 Cocoa 觸摸框架類似。在視圖控制模式中,咱們將界面的不一樣部分分爲子視圖或包含其餘視圖的子視圖控制器。而後視圖控制器「驅動」內部視圖來提供交互和UI功能。一個很好的例子就是標籤欄(Tab Bar)視圖控制器處理點擊標籤欄在一系列可視化面板間切換。
7 Amaze UI
Amaze UI 採用業內先進的 Mobile first 理念,從小屏逐步擴展到大屏,最終實現全部屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件,更有 17 款包含近 60 個主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅度提高你的開發效率。Amaze UI 很是注重性能,基於輕量的 Zepto.js 開發,並使用 CSS3 來作動畫交互,平滑、高效,更適合移動設備,讓你的 Web 應用能夠高速載入。
8 CardKit
CardKit 是來自豆瓣的一個移動 UI 框架,使用 Card\Unit\Component 概念快速構建移動 Web 應用。應用外觀跟原生應用無異。
9 mui  ***
性能和體驗的差距,一直是mobile app開發者放棄HTML5的首要緣由。 瀏覽器天生的切頁白屏、不忍直視的轉頁動畫、浮動元素的抖動、沒法流暢下拉刷新等問題,這些都讓HTML5開發者倍感挫敗,尤爲拿到Android低端機運行,摔手機的心都有; 另外一方面,瀏覽器默認控件樣式又少又醜,製做一個漂亮的控件很是麻煩,也有一些製做簡單的ui框架但性能低下。
mui框架有效的解決了這些問題,這是一個能夠方便開發出高性能App的框架,也是目前最接近原生App效果的框架。
10 Polymer
Polymer是是一個讓你能夠輕易建立web組件的框架。
在他們完成開發web應用底層結構以後,他們開始專一於UI。Polymer 是 material design 在 web 平臺的實現. Polymer 團隊與 material design 設計團隊合做很是的緊密。 事實上, Polymer 在 material design 的研發階段扮演着關鍵性的角色: 它被用於快速原型化和重現設計的概念.
11 Kendo UI
Kendo UI包含了開發現代JavaScript開發所須要的全部一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
12 Framework7   ***
 Framework7 - 是一款開源免費的移動端 HTML 框架, 用於開發接近原生iOS或Android系統外觀和體驗的 hybrid mobile apps 或 web apps。固然你也能夠把它當成一款快速製做高保真APP原型的工具。
Framework7 的主要目標是讓你可以輕鬆地使用 HTML, CSS and JavaScript 開發iOS 或 Android 應用。Framework7 是很是靈活的。 它並不會限制你的想象力或者強制搭配某些架構方案。 Framework7 給你最大程度的自由。
Framework7 並不打算兼容全部平臺。 它主要專一 iOS 和 Google Material design 以帶來最好的用戶體驗並保持簡單。前端

相關文章
相關標籤/搜索