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

时间:2024-09-13 10:07:32

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