內(nèi)容簡介
介紹目前前端人員開發(fā)app的幾種方法，具體介紹hbuilder開發(fā)app，一扇贊新的大門~
最開始js僅僅局限于網(wǎng)頁上一些效果，操作網(wǎng)頁內(nèi)容等，
但是nodejs把js帶入了后端，也就是服務(wù)器端，從此前端人員可以涉及后端，前后通吃，
native.js（以及其他js，稍候介紹）把js帶入了移動端，從此前端人員前后移動通吃。
大家都很熟悉的bootstrap，和現(xiàn)在剛出來的amazeui就是這種方法的代表，
說的簡單點(diǎn)就是對移動端做了適配，是的布局樣式組件都適合移動端展示，
我的個(gè)人網(wǎng)站（uikoo9.com）就是使用bootstrap3做的，手機(jī)瀏覽效果也很好。
缺陷：畢竟不是app，不管怎么樣也沒辦法取代app的便捷和功能強(qiáng)大。
比較有名的就是phonegap了，國內(nèi)的是hbuilder，
大概的意思是html負(fù)責(zé)頁面內(nèi)容，js負(fù)責(zé)效果以及調(diào)用原生app方法，ui框架負(fù)責(zé)樣式，
最后打包成apk或者ipa。
hbuilder（http://www.dcloud.io/）
不談phonegap，不適用國內(nèi)國情，
是的，你沒有看錯(cuò)，這是一個(gè)開發(fā)的ide，其實(shí)就是對eclipse進(jìn)行了深度定制。
特點(diǎn)是快捷鍵比較多，支持移動app開發(fā)（h5+方式）。
h5+（http://www.html5plus.org/#home）
終于說到正題了，這個(gè)就是之前提到的打包技術(shù)，
可以說nodejs將js帶到后端，h5+將js帶到移動端。
上面說過的原理，再次說一遍：
html負(fù)責(zé)頁面，也就是的內(nèi)容和框架；
js負(fù)責(zé)調(diào)用方法，也就是調(diào)用一些移動端原生；
ui負(fù)責(zé)樣式，比較有名的bootstrap，amazeui，jquery mobile，mui
上面說的幾個(gè)ui，做下簡單比較，僅代表個(gè)人觀點(diǎn)，
amazeui，功能和bootstrap重復(fù)，官方解釋是對中文排版做了優(yōu)化，個(gè)人覺得有點(diǎn)多余，bootstrap就很好。
bootstrap，適合移動端瀏覽網(wǎng)頁適配，移動端瀏覽效果不錯(cuò)，但是還是網(wǎng)頁。
jquery mobile，專門對移動端做定制，看起來就像手機(jī)應(yīng)用一樣，js+css（300k），國外的，不推薦，有坑。
mui，這個(gè)是推薦的，比較了jqmobile和mui，顯然mui效果樣式好點(diǎn)，估計(jì)也會有坑，但是支持國產(chǎn)吧。
不需要搭建ios和android的開發(fā)環(huán)境，只需要下載hbuilder（估計(jì)需要java環(huán)境支持），
目前推薦mui，效果不錯(cuò)
通過js調(diào)用原生方法實(shí)現(xiàn)app效果
如題
文字說再多感覺也不是很大，下面來代碼和圖片，
你沒有看錯(cuò)，僅僅需要一個(gè)html頁面，加一些js，css，這個(gè)例子使用的jquery mobile
head部分，僅僅引入一些必須的js和css
[html]view plaincopy
hello?world
function?helloworld(){
alert("hello?world!")
}
document.addEventListener('plusready',?function(){
alert("welcome?to?Html5plus!");
});
body部分，普通的頁面
[html]view plaincopy
首頁
一些主體內(nèi)容在這里。。
第一個(gè)
第二個(gè)
第三個(gè)
uikoo9.com
手機(jī)連接電腦，然后在hbuilder下運(yùn)行——手機(jī)運(yùn)行——在設(shè)備上運(yùn)行，
就直接可以在手機(jī)上看效果了
在hbuilder中發(fā)型——app打包，然后交給云端去打包，打包好后會自動下載，例如
現(xiàn)在，如果你會html+js+css，那你只需要一個(gè)hbuilder就可以開發(fā)app了，通吃android和ios
