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