介绍几个移动web app开发框架
jQuery Mobile
? ??jQuery Mobile框架能夠幫助你快速開發出支持多種移動設備的Mobile應用用戶界面。jQuery Mobile最新版本是1.4.0,默認主題采用扁平化設計風格。jQuery Mobile1.4.0主要側重于性能和控件方面的改進。除了全新的默認主題和SVG圖標,還新增了開關控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優勢,并且提供了豐富的適合手機應用的UI組件。jQuery Mobile還有很多的第三方擴展。
1.1 jQuery mobile flat-ui 主題
https://github.com/ququplay/jquery-mobile-flat-ui-theme
?
??
1.2jQuery mobile Bootstrap 主題
?https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme
?
?
Frozen UI
? ??Frozen UI是騰訊ISUX團隊(社交用戶體驗設計團隊)根據最新的手機QQ設計規范制作的移動端Web框架,包括CSS基礎樣式和組件、JavaScript基礎組件和一些動畫效果庫。為了方便記憶和增添趣味性,騰訊ISUX團隊為它取了動畫片《冰雪奇緣》的英文名,并把Elsa女王作為該項目的卡通代言人。
? ? 項目主頁:http://frozenui.github.io
? ? Github代碼托管地址:https://github.com/frozenui/frozenui
?
?
ionic
? ??Ionic提供了一個免費且開源的移動優化HTML,CSS和JS組件庫,來構建高交互性應用。基于Sass構建和AngularJS?優化。
? ? Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果,盡管通常組件不需要編碼,通過框架擴展可以很容易地使用,比如我們的AngularIonic擴展。
? ? Ionic遵循視圖控制模式,通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中,我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然后視圖控制器“驅動”內部視圖來提供交互和UI功能。一個很好的例子就是標簽欄(Tab Bar)視圖控制器處理點擊標簽欄在一系列可視化面板間切換。?github。
?
?
?
Amaze UI
? ? ??Amaze UI?采用業內先進的 Mobile first 理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件,更有 17 款包含近 60 個主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅度提升你的開發效率。Amaze UI 非常注重性能,基于輕量的 Zepto.js 開發,并使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓你的 Web 應用可以高速載入。
CardKit
? ??CardKit?是來自豆瓣的一個移動 UI 框架,使用 Card\Unit\Component 概念快速構建移動 Web 應用。應用外觀跟原生應用無異。
App.js
? ??App.js?是一個輕量級的 JavaScript UI 庫,用來創建移動的 Web 應用,應用的外觀跟原生的應用相同,性能也近乎一致。
特點:
跨平臺,支持 Android 2.2+ 和 iOS 4.3+
Widgets 和自定義主題
頁面調整管理
?
Mobile Angular UI
?
????Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。
Mobile Angular UI的關鍵字有:
Bootstrap 3
AngularJS
Bootstrap 3 Mobile組件,比如switches, overlays和sidebars,這些都是bootstrap中沒有的。
AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate
響應式媒體查詢是將bootstrap作為單獨的文件,你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴,你需要做的只是通過一些AngularJS指令創建友好的用戶體驗。
詳細了解可以看一看?the Mobile Angular UI demo page,上面有Mobile Angular UI的實踐,如果你想了解的更深入一些,我建議你讀一讀?getting started with Mobile Angular UI。
?
?
?
Kendo UI
Telerik’s?Kendo UI?是一個強大的框架用于快速HTML5 UI開發。基于最新的HTML5、CSS3和JavaScript標準。
Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
?
?
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 以帶來最好的用戶體驗并保持簡單。
轉載于:https://www.cnblogs.com/Im-Victor/p/9218066.html
總結
以上是生活随笔為你收集整理的介绍几个移动web app开发框架的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前后端分离之Vue(三)爬过得那些坑
- 下一篇: nginx2goaccess.sh脚本内