使用Html5开发Android和iOS应用：HBuilder、Html5Plus、MUI

活动主题：五一巨献，问答有礼，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