建站
咨詢
售后
建站咨詢
新聞中心
html5 app開發(fā)框架有哪些
①：PhoneGap
創(chuàng)新互聯(lián)從2013年創(chuàng)立，先為海州等服務(wù)建站，海州等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為海州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
PhoneGap 恐怕是最老的一個框架了，相信很多人都已經(jīng)聽說過甚至使用過它，但是PhoneGap是基于開源的cordova?商業(yè)版本。
②：Ionic
IONIC 是目前最有潛力的一款HTML5手機(jī)應(yīng)用開發(fā)框架。通過SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。它使用 JavaScript MVVM框架和 AngularJS來增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動開發(fā)者的共同選擇。
③：Mobile Angular UI
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動開發(fā)HTML5框架。
Mobile Angular UI的關(guān)鍵字有：
Bootstrap 3
AngularJS
Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。
AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate
響應(yīng)式媒體查詢是將bootstrap作為單獨(dú)的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過一些AngularJS指令創(chuàng)建友好的用戶體驗(yàn)。
④：Intel XDK
Intel XDK 是Inter開發(fā)的一款跨平臺開發(fā)工具，我們可以很容易的通過Intel XDK開發(fā)應(yīng)用，你需要做的只是下載他們的應(yīng)用開發(fā)工具 ，有Linux、Windows和Mac版，它還提供了很多個開發(fā)框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
⑤：Appcelerator Titanium
Appcelerator’s Titanium 不同于其它框架的是，它是一個開源的框架。
Titanium是混合式移動應(yīng)用開發(fā)的一站式解決方案，你只需要下載 Titanium studio就可以解決所有的事情，Titanium SDK包含了很多手機(jī)平臺的APIs和后端云服務(wù)。
Titanium使用 Alloy，Alloy是一個快速開發(fā)的手機(jī)應(yīng)用MVC框架， 模塊式開發(fā)可以大大減小開發(fā)時間，提高代碼復(fù)用。
⑥：Sencha Touch
Sencha Touch 同樣也是HTML5手機(jī)應(yīng)用跨平臺開發(fā)框架，運(yùn)行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開發(fā)框架。
Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。
⑦：Kendo UI
Telerik’s Kendo UI 是一個強(qiáng)大的框架用于快速HTML5 UI開發(fā)?；谧钚碌腍TML5、CSS3和JavaScript標(biāo)準(zhǔn)。
Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強(qiáng)大的數(shù)據(jù)源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。
html5怎么開發(fā)app？
1.因?yàn)镠TML5暫時無法短期內(nèi)在PC普及，主要方向在使用高端瀏覽器的高端移動設(shè)備，所以可以用作開發(fā)Android系統(tǒng)的App。
2.但只有Android2.2以上、iOS3.2以上均支持HTML5，兩大平臺有望全系列支持HTML5。
3.HTML5可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時無需聯(lián)網(wǎng)。
4.使用HTML5離線應(yīng)用帶來的好處：提供更快、更簡便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。
5.HTML5主要應(yīng)用：Web郵箱、WebRSS、Web地圖等服務(wù)在無網(wǎng)絡(luò)環(huán)境的使用。
6.HTML5技術(shù)重點(diǎn)關(guān)注在動畫、游戲方面，地理定位方面的應(yīng)用正在崛起，HTML5還被用于改善用戶體驗(yàn)。
怎么用HTML5開發(fā)手機(jī)app
你說的這個主要制作思路是使用響應(yīng)式設(shè)計(jì)，結(jié)合html5和css的一些特性制作（主要是css3的媒體檢查，根據(jù)不同視口載入不同樣式），但制作出來的東西能否被稱為手機(jī)app，這個還要看功能，如果你制作出來的東西能完成某些功能或者某種任務(wù)，這能被叫做webapp，如果不能就不要叫什么app，最多算是一種手機(jī)展示方式。
至于安卓和ios版本的問題，考慮主要是圖片分辨率的問題，區(qū)別不大。
html5開發(fā)App入門求助
html5+javascript，可以借助appscan、apicloud這種跨平臺開發(fā)工具，可以同時開發(fā)多端。
使用HTML5+開發(fā)的移動App并非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web服務(wù)器上，而移動App的文件存放在手機(jī)本地，編寫移動App的html、js、css文件被打包到ipa或apk等原生安裝包，在手機(jī)客戶端運(yùn)行。
用個更形象的列子，web app仍然是b/s結(jié)構(gòu)，而移動App是c/s結(jié)構(gòu)甚至是完全脫線的單機(jī)應(yīng)用。
這或許有點(diǎn)超過一些人的想象，他們認(rèn)為HTML就是web、就是b/s，事實(shí)上javascript早已可通過nodejs等技術(shù)運(yùn)行在服務(wù)器側(cè)，而在HBuilder的移動App里，HTML、JS等文件也可以被打包成原生安裝包。
當(dāng)然這些移動App里某些頁面也可以繼續(xù)從服務(wù)器端以網(wǎng)頁方式下行，就像任何原生應(yīng)用（如微信）都可以內(nèi)嵌網(wǎng)頁一樣。
所以mobile web，在HBuilder里新建項(xiàng)目時，屬于web項(xiàng)目。不要放置到移動App項(xiàng)目下。mobile web項(xiàng)目也不能真機(jī)聯(lián)調(diào)和打包。
智游教育：舉幾個例子說明mobile web和移動App的區(qū)別。
例1：把一個mobile web項(xiàng)目，打包成移動App。
1. 在HBuilder里新建一個web項(xiàng)目，把mobile web代碼放進(jìn)去。
2. 在HBuilder里新建移動App
3. 在新建的移動App下找到manifest.json，將其中的入口頁面配置為mobile web的網(wǎng)絡(luò)地址。
4. 然后點(diǎn)發(fā)行打包，就得到一個移動App的安裝包。除了有個安裝包和桌面有個快捷方式外，與瀏覽器的體驗(yàn)不會有其他區(qū)別。
5. 不過注意，這樣的移動App體驗(yàn)很差，它在頁面跳轉(zhuǎn)時會像瀏覽器那樣切換并且白屏，它完全無法脫線使用，沒有網(wǎng)絡(luò)時點(diǎn)開這個app只能看到一片白板。這樣的app在Apple的Appstore審核時是無法通過的，其他大的安卓市場也不會允許發(fā)行。
例子2：正規(guī)的移動App
1. 在HBuilder里新建移動App項(xiàng)目
2. 在移動App里編寫html、Js、css文件，本地js通過ajax方式請求服務(wù)器數(shù)據(jù)，通過plus.net對象避開跨域限制
3. 移動App里的js可以通過plus對象調(diào)用手機(jī)原生能力
4. 編寫好的移動App點(diǎn)打包變成安裝包，這才是一個體驗(yàn)良好的、可上線的移動App。
html5 開發(fā)app 學(xué)哪些
單就前端開發(fā)來說，HTML5開發(fā)app只要學(xué)習(xí) HTML5知識就可以，如果需要進(jìn)行后臺開發(fā)的話，就要學(xué)習(xí)服務(wù)端語言了，比如JAVA、C#、PHP等等
為什么開發(fā)APP首選HTML5
原因很簡單，因?yàn)閔tml5本身對移動端兼容性很好，加上配合前端方面的框架 react native 與 angularJS ionic 開發(fā)混合app項(xiàng)目可以利用poneGap實(shí)現(xiàn)web方面一直欠缺的無法訪問手機(jī)底部的缺陷，并且開發(fā)要比原生快，對公司來說成本小，并且混合開發(fā)只需要部署一個項(xiàng)目文件就可以實(shí)現(xiàn)打包生成ios與安卓的app，原生開發(fā)方面最少需要兩個開發(fā)人員ios與安卓開發(fā)并且需要單獨(dú)對應(yīng)兩個項(xiàng)目文件去單獨(dú)開發(fā)，而且前端配合配合框架與對應(yīng)的ui庫基本能實(shí)現(xiàn)媲美原生app的界面效果。
換句話說 就是開放成本周期快，并且公司成本低，代碼利于維護(hù)。
當(dāng)前文章：apphtml5開發(fā),HTML5APP開發(fā)
網(wǎng)頁鏈接：http://www.dlmjj.cn/article/dsccgcd.html
