❶ html5app開發框架有哪些(用html5開發的app實例)
①:PhoneGap
PhoneGap恐怕是最老的一個框架了,相信很多人都已經聽說過甚至使用過它,但是PhoneGap是基於開源的cordova商業版本。
②:Ionic
IONIC是目前最有潛力的一款HTML5手機應用開發框架。通過SASS構建應用程序,它提供了很多UI組件來幫助開發者開發強大的應用。它使用JavaScriptMVVM框架和AngularJS來增強應用。提供數據的雙向綁定,使用它成為Web和移動開發者的共同選擇。
③:MobileAngularUI
MobileAngularUI是使用bootstrap3和AngularJS的響歷猜余應式移動開發HTML5框架。
MobileAngularUI的關鍵字有:
Bootstrap3
AngularJS
Bootstrap3Mobile組件,比如switches,overlays和sidebars,這些都是bootstrap中沒有的。
AngularJSmoles,比如angular-route,angular-touch和angular-animate
響應式媒體查詢是將bootstrap作為單獨的文件,你只需要包含你所需要的東西。MobileAngularUIu並不包含任何jQuery依賴,你需要做的只是通過一些AngularJS指令創建友好的用戶體驗。
④:IntelXDK
IntelXDK是Inter開發兆或的一款跨平台開發工具,我們可以很容易的通過IntelXDK開發應用,你需要做的只是下載他們的應用開發工具,有Linux、Windows和Mac版,它還提供了很多個開發框架,比如Twitterbootstrap,jQueryMobile和Topcoat.
⑤:Titanium
』sTitanium不同於其它框架的是,它是一個開源的框架。
Titanium是混合式移動應用開發的一站式解決方案,你只需要下載Titaniumstudio就可以解決所有的事情,TitaniumSDK包含了很多手機平台的APIs和後端雲服務。
Titanium使用Alloy,Alloy是一個快速開發的手機應用MVC框架,模塊式開發可以大大減小開發時間,提高代碼復用。
⑥:SenchaTouch
SenchaTouch同樣也是HTML5手機應用跨平台開發框架,運行iOS/android/Blackberry。它已經誕生很多年了,現在已經成為很常用的混合式編程開發框架。
SenchaTouch可以讓你的WebApp看起來像NativeApp。美麗的用戶界面組件和豐富的數據管理,全部基於最新的HTML5和CSS3的WEB標准,全面兼容Android和AppleiOS設備。
⑦:KendoUI
Telerik』sKendoUI是一個強大的框架用於快速HTML5UI開發。基於最新的HTML5、CSS3和JavaScript標准。
KendoUI包含了開發現代JavaScript開發所需要的所有一切,包括:肢滾強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控制項。
❷ webapp開發使用哪個框架最好
第一款:SenchaTouch
SenchaTouch是世界上第一個支持HTML5和CSS3標準的移動應用框架,你可以使用HTML5來編寫音頻和視頻組件,還可以使用Proxy來存儲離線數據,同時,大量CSS3樣式表為你提供了創建健壯樣式層的可能。
優點
用戶體驗最接近NativeApp,掘擾指具有整體的判配UI組件、布局解決方案;
統一的編程代碼結構和要求,良好組織的代碼易於維護;
繼承ExtJS4的應用程序MVC架構;
完善的API文檔,示例;活躍的社區,網上有李友大量的文檔書籍幫助學習;
缺點
兼容性差,僅支持webkit內核的瀏覽器;
框架比較重量級,學習成本比較高;
商業化使用有版權問題;
第二款:jQueryMobile
jQueryMobile是創建移動web應用程序的框架。適用於所有流行的智能手機和平板電腦。使用HTML5和CSS3通過盡可能少的腳本對頁面進行布局。
優點
跨瀏覽器兼容性最好,幾乎兼容所有的平台和瀏覽器;
入門簡單,語法簡潔,編碼靈活,一些簡單的應用直接用HTML既可實現,無需Javascript;
開源插件與第三方擴展網上資源豐富;
完善的API文檔,示例;活躍的社區,網上有大量的文檔書籍幫助學習;
缺點
jQueryMobile對代碼沒有特定的要求,後期維護難度較大;
第三款:Zepto
Zepto就是一個jQuery的輕量級替代品,幾乎完全一樣的API,但是專門為Mobile或者HTML5瀏覽器設計和優化。
優點
學習成本低,Zepto保持了與jQuery幾乎一樣的功能,使用gzip壓縮只有5-10k;
缺點
Zepto不支持WindowsPhone下的IE;
第四款:WinkToolkit
優點
Wink的核心庫是輕量級的,支持AMD規范的模塊化載入,功能介面相比Zepto更豐富;
提供很酷的2D、3D效果UI組件;
缺點
組件對Android的支持程度不好,3D組件無法使用;
第五款:Ionic:高級的HTML5移動APP(WebApp)開發框架
Ionic是一個用HTML,CSS跟JS開發的一個用於移動設備的混合APP開發框架,採用Sass與AngularJS開發。目前,Ionic仍然處於臨測試狀態(alpha)。相信未來會成為開發者開發HTML5應用的一個不錯的選擇。
第六款:AmazeUI中國首個開源HTML5跨屏前端框架
AmazeUI是一個移動優先的跨屏前端框架。易學易用。
❸ 見見國外的phonegap和ionic移動app開發框架有多火
下面給大家分享一下外的phonegap和ionic移動app開發框架到底有多火:
多的不說了先看圖:
phonegap網站的日訪問量: ip:555000
大家都懂的,下面給大家簡單介紹一下 phonegap Angularjs ionic 懂的可以不看
1.Phonegap介紹
PhoneGap是一個用基於HTML,CSS和JavaScript的,創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系人,聲音衫信和振動等,此外PhoneGap擁有豐富的插件,可以調用Phonegap運行速度
1. android環境:
a) 512內存手機冊兄可以放棄phoengap
b) 1G 雙核手機 運行流暢 感覺速度稍微比原生慢
c) 2G 4核+ 手機運行流暢 看不出和原生差別
d) 部分手機兼容可能會出現問題 需要調整css(原生開發也會有次問題)
2. ios環境:
a) iphone4+運行流暢
b) iphone5+ 看不出和原生差別
2. Angularjs介紹
AngularJS誕生於2009年,由Misko Hevery 等人創建,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中 如Gmail、Maps、州塌襲Calender 等。AngularJS有著諸多特性,最為核心的是:MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入,等。
3.Ionic介紹
Advanced HTML5 Hybrid Mobile App Framework
AngularJS 移動端解決方案
http //ionicframework com/
Ionic 是一個強大的 HTML5 應用程序開發框架,可以幫助您使用 Web 技術,比如 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程序。Ionic 主要關注外觀和體驗,以及和你的應用程序的 UI 交互,特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。
Ionic是一個輕量的手機UI庫,具有速度快,界面現代化、美觀等特點。為了解決其他一些UI庫在手機上運行緩慢的問題,它直接放棄了IOS6和Android4.1以下的版本支持,來獲取更好的使用體驗
❹ Ionic vue 初探
Ionic 是一個廣為人知的橋接app開發方案,它豐富的組件以及完善的文檔,對於快速開發app是一種好的選擇。然而不同的人使用的技術棧不一樣, Ionic 組件已經可以和 Vue 集成,對於使用 Vue 開發移動端應用的同學來說,多了一種選擇。
github地址
本篇主要參照Youtube視頻: https://www.youtube.com/watch?v=6H1wftPS0oo
在彈出的 preset 選擇中,選擇 `default (babel, eslint)
創建成功之後,進入到 ionic-vue-test 工作路慶襪徑中,安裝 @ionic/vue ,並且添加 router
使用 vscode 打開 ionic-vue-test 路徑,打開 main.js 文件,改造為
對於 router ,使用基於 VueRouter 的 IonicVueRouter ,改造 router.js
相應的,去掉 App.vue 中的內容,使用 <ion-app> 包裝, <ion-app> 代表 ionic 應用的入口
現在吵激即可以放心的使用 Ionic 中的組件啦。在 Home.vue 中,升差襪刪除原來的內容,改造為
執行效果貼圖
歡迎留言討論!
❺ 有人用 Ionic 開發 App 嗎
當然友和源有了。Ionic(ionicframework)一好態款開源的Html5移動App開發框架,是AngularJS移動端解決方案,Ionic以流行的原生移動開發SDK為藍本,使開發過棚拍原生iOS或安卓app的任何人都容易理解。