使用Html5開發Android和iOS應用：HBuilder、Html5Plus、MUI

小雷FansUnion發表於2015-05-01
HTMLAndroidiOSUI
活動主題：五一鉅獻，問答有禮，105QB送給IT網際網路界的勞動人民
活動時間：4月30日晚上10點~5月2日晚上10點
網址： http://ask.jiutianniao.com
 
 2014年的時候，就初步學習了下HTML5進行移動開發。
主要考慮是，Android只算入門，iOS完全不會，重新學習太費時間了。
如果用HTML5可以搞定的話，入門特別簡單，也可以一次性搞定2個平臺，節省大量的精力和成本。

HBuilder是個IDE，就像Eclipse。
Html5Plus是個標準，對HTML5的風準，就像JavaWeb中的Servlet。
MUI是個前端框架，就像Java中的SpringMVC。

HBuilder是個主要用來開發Web前端尤其是HTML5應用的工具，非常爽，寫程式碼非常快，智慧提示非常到位。
HTML5Plus這個標準，提供了很多API。
MUI是對HTML5Plus的封裝，提供了更多的前端元件。

2014年，由於沒能解決HBuilder和手機連線的問題，不能實時地除錯，基本沒效率，隨便搞了搞。
2015年4月，嘗試了1個周，在我的不斷嘗試下，終於解決了HBuilder連線手機的問題，目測是“手機驅動的問題” 。

由於2014年有了初步的學習，這次搞的比較快。5天左右的時間，實現了P2P移動端的基本雛形。再花1個周的時間，可以初步搞定P2P的移動端。然後在Android和iOS真機上詳細測試下。

前些年對HTML5的討論比較多，爭議也比較大。
看HBuilder這個開發公司的介紹，HTML5現在很不錯了。
從個人角度來講，非常希望用HTML5開發，成本低，對於小公司來說多好。

小公司，沒幾個人的。很多大一點的公司，Android招2個，iOS再招2個，伺服器端幾個，這麼搞下去的話，一個完整的團隊人數也太多了。
一個月的人力成本就十來萬，沒有投資或較大收入的情況下，很快就破產了。

HTML5是個標準，問題是HTML5開發移動端，比如HTML5Plus和MUI只算是個小的標準，是由部分公司聯合推出的。
而Android和iOS是由大樹級別的公司搞出來的，大部分公司也都在這些平臺上開發。

HTML5開發移動端的框架還有更多，暫時沒有精力去學習和應用。 
給個連結：http://www.dcloud.io/

剛剛翻了下之前的初稿，漏了一點，官方的例子和樣式，也有一些問題。解決辦法也是有的，不斷嘗試。
---------------------
 滾動條元件與普通的Tab以及底部選單的Tab結合使用的時候，滾動條的內容可能出現無法展示的情況。
   <div id="tender-list-scroll" class="mui-scroll-wrapper">
<div class="mui-scroll">
</div>
</div>
不使用mui-scroll-wrapper，就可以了。
但是，把滾動條的內容一直向上移動，可能就再也看不到了。
不太明白，和樣式中的定位position:absolute有很大的關係。
    
    還有個地方貌似也有問題，tab bar的div模式，頂部和底部的導航，在中間內容滾動條拖動過程中，會出現頂部和底部看不到的情況，背景色也有一定問題。
（官方的mui例子，也有這個問題。這說明，不是我是的原因了。）
官方的例子中，有提到，複雜的業務使用webview模式更好。
難道是，我寫的已經算是很複雜了麼。 
--------------------- 
  武漢九天鳥-p2p網貸系統開發-網際網路應用軟體開發
  公司官網：http://jiutianniao.com
  社交問答：http://ask.jiutianniao.com 

相關文章