使用Html5開(kāi)發(fā)Android和iOS應(yīng)用：HBuilder、Html5Plus、MUI
來(lái)源：程序員人生 發(fā)布時(shí)間：2015-08-10 09:03:51 閱讀次數(shù)：6240次
活動(dòng)主題：51巨獻(xiàn)，問(wèn)答有禮，105QB送給IT互聯(lián)網(wǎng)界的勞動(dòng)人民活動(dòng)時(shí)間：4月30日晚上10點(diǎn)~5月2日晚上10點(diǎn)
網(wǎng)址： http://ask.jiutianniao.com
2014年的時(shí)候，就初步學(xué)習(xí)了下HTML5進(jìn)行移動(dòng)開(kāi)發(fā)。主要斟酌是，Android只算入門(mén)，iOS完全不會(huì)，重新學(xué)習(xí)太費(fèi)時(shí)間了。如果用HTML5可以弄定的話，入門(mén)特別簡(jiǎn)單，也能夠1次性弄定2個(gè)平臺(tái)，節(jié)省大量的精力和本錢(qián)。
HBuilder是個(gè)IDE，就像Eclipse。
Html5Plus是個(gè)標(biāo)準(zhǔn)，對(duì)HTML5的風(fēng)準(zhǔn)，就像JavaWeb中的Servlet。
MUI是個(gè)前端框架，就像Java中的SpringMVC。
HBuilder是個(gè)主要用來(lái)開(kāi)發(fā)Web前端特別是HTML5利用的工具，非常爽，寫(xiě)代碼非常快，智能提示非常到位。
HTML5Plus這個(gè)標(biāo)準(zhǔn)，提供了很多API。
MUI是對(duì)HTML5Plus的封裝，提供了更多的前端組件。
2014年，由于沒(méi)能解決HBuilder和手機(jī)連接的問(wèn)題，不能實(shí)時(shí)地調(diào)試，基本沒(méi)效力，隨意弄了弄。
2015年4月，嘗試了1個(gè)周，在我的不斷嘗試下，終究解決了HBuilder連接手機(jī)的問(wèn)題，目測(cè)是“手機(jī)驅(qū)動(dòng)的問(wèn)題” 。
由于2014年有了初步的學(xué)習(xí)，這次弄的比較快。5天左右的時(shí)間，實(shí)現(xiàn)了P2P移動(dòng)真?zhèn)€基本雛形。再花1個(gè)周的時(shí)間，可以初步弄定P2P的移動(dòng)端。然后在Android和iOS真機(jī)上詳細(xì)測(cè)試下。
前些年對(duì)HTML5的討論比較多，爭(zhēng)議也比較大。
看HBuilder這個(gè)開(kāi)發(fā)公司的介紹，HTML5現(xiàn)在很不錯(cuò)了。
從個(gè)人角度來(lái)說(shuō)，非常希望用HTML5開(kāi)發(fā)，本錢(qián)低，對(duì)小公司來(lái)講多好。
小公司，沒(méi)幾個(gè)人的。很多大1點(diǎn)的公司，Android招2個(gè)，iOS再招2個(gè)，服務(wù)器端幾個(gè)，這么弄下去的話，1個(gè)完全的團(tuán)隊(duì)人數(shù)也太多了。
1個(gè)月的人力本錢(qián)就10來(lái)萬(wàn)，沒(méi)有投資或較大收入的情況下，很快就破產(chǎn)了。
HTML5是個(gè)標(biāo)準(zhǔn)，問(wèn)題是HTML5開(kāi)發(fā)移動(dòng)端，比如HTML5Plus和MUI只算是個(gè)小的標(biāo)準(zhǔn)，是由部份公司聯(lián)合推出的。
而Android和iOS是由大樹(shù)級(jí)別的公司弄出來(lái)的，大部份公司也都在這些平臺(tái)上開(kāi)發(fā)。
HTML5開(kāi)發(fā)移動(dòng)真?zhèn)€框架還有更多，暫時(shí)沒(méi)有精力去學(xué)習(xí)和利用。
給個(gè)鏈接：http://www.dcloud.io/剛剛翻了下之前的初稿，漏了1點(diǎn)，官方的例子和樣式，也有1些問(wèn)題。解決辦法也是有的，不斷嘗試。---------------------
轉(zhuǎn)動(dòng)條組件與普通的Tab和底部菜單的Tab結(jié)合使用的時(shí)候，轉(zhuǎn)動(dòng)條的內(nèi)容可能出現(xiàn)沒(méi)法展現(xiàn)的情況。
<div id="tender-list-scroll" class="mui-scroll-wrapper">
</div>
</div>
不使用mui-scroll-wrapper，就能夠了。
但是，把轉(zhuǎn)動(dòng)條的內(nèi)容1直向上移動(dòng)，可能就再也看不到了。
不太明白，和樣式中的定位position:absolute有很大的關(guān)系。
還有個(gè)地方貌似也有問(wèn)題，tab bar的div模式，頂部和底部的導(dǎo)航，在中間內(nèi)容轉(zhuǎn)動(dòng)條拖動(dòng)進(jìn)程中，會(huì)出現(xiàn)頂部和底部看不到的情況，背風(fēng)景也有1定問(wèn)題。
（官方的mui例子，也有這個(gè)問(wèn)題。這說(shuō)明，不是我是的緣由了。）
官方的例子中，有提到，復(fù)雜的業(yè)務(wù)使用webview模式更好。
難道是，我寫(xiě)的已算是很復(fù)雜了么。
---------------------
武漢9天鳥(niǎo)-p2p網(wǎng)貸系統(tǒng)開(kāi)發(fā)-互聯(lián)網(wǎng)利用軟件開(kāi)發(fā)
公司官網(wǎng)：http://jiutianniao.com
社交問(wèn)答：http://ask.jiutianniao.com
生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
