使用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

时间: 2024-10-06 20:03:09

使用Html5开发Android和iOS应用:HBuilder、Html5Plus、MUI的相关文章

Xamarin Mono 环境搭建(使用Visual Studio 2013 开发android 和 ios )

本文主要介绍Xamarin结合VS2013来开发Android应用程序,主要会介绍Mono和Xamarin的关系,以及整个搭建环境的过程. 一.Mono和Xamarin介绍 1.Mono简介 Mono 是一个由Novell 公司主持的项目.该项目的目标是创建一系列符合ECMA 标准(Ecma-334 和Ecma-335)的.NET 工具,包括C# 编译器和共通语言执行平台.与微软的.NET Framework 不同,Mono 项目不仅可以运行于Windows 系统上,还可以运行于Linux,Fr

Xamarin For Visual Studio 3.0.54.0 完整离线破解版(C# 开发Android、IOS工具 吾乐吧软件站分享)

Xamarin For Visual Studio就是原本的Xamarin For Android 以及 Xamarin For iOS,最新版的已经把两个独立的插件合并为一个exe安装包了.为了区分以前的帖子,所以吾乐吧软件站新建一个帖子,用来介绍这款软件.本次发布主要更新了Android SDK,破解方法,以及破解补丁,希望对各位有用吧! Xamarin Mono For Android 常见问题解决方法/工具/教程大全:http://www.wuleba.com/tag/Mono Xama

仿一号店APP商品分类效果开发(Android和IOS)

好久没写博客了,一方面这段时间公司的事情项目比较多,另一方面自己也有准备成立自己的个人工作室,所以一直没顾得上去总结写一下技术博客,今天正好有点时间就来一篇吧. 这段时间一直在进行开发商城的APP(Android和IOS),也研究一下国内绝大多数的电商APP(例如:淘宝,京东,天猫,苏宁易购,顺丰优选等等),他们的商品分类其实大多数属于常见格调:列表-点击二级列表-具体三级分类列表.唯有看了一号店IOS端的APP,感觉还不错.一级格子分布,点击item,中间显示二级分类.然后我们团队决定仿照该效

配置试用NativeScript开发Android、iOS原生应用

第一次了解NativeScript为阅读CSDN文章<原生体验挡不住!Javascript开源跨平台框架NativeScript>. 介绍 NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架,支持iOS.Android和Windows Phone.且NativeScript的使用没有过多繁杂的要求,只需使用自己已经掌握的JavaScript和CSS技能就能开发出真正具有原生用户体验的移动应用. 作为免费开源项目的NativeScript,它的源码已经托

利用HTML5开发Android(7)---HTML5本地存储之Database Storage

在上一篇<HTML5本地存储之Web Storage篇>中,简单介绍了如何利用localStorage实现本地存储:实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLite数据库比较熟悉. HTML5中的数据库操作比较简单,主要有如下两个函数: 1.通过openDatabase

ComponentOne Xuni助力Xamarin开发者突破百万,快速开发Android、IOS Apps

在微软Build 2015上,随着VS 2015的预览版发布,Xamrine免费版已经作为VS 2015跨平台移动解决方案的核心.与此同时,Xamarin官方也宣布其用户量达到百万之多.2011年7月,Xamarin 开始使用C#开发IOS和Android app,截止2015月4月29日,用户量到达了百万,下面我们就新功能做一些分享: Xamarin.Forms for Windows Xamarin.Forms for Windows 8.1 and Windows Phone 8.1 今年

ComponentOne Xuni助力Xamarin开发者突破百万,快速开发Android、IOS

在微软Build 2015上,随着VS 2015的预览版发布,Xamrine免费版已经作为VS 2015跨平台移动解决方案的核心.与此同时,Xamarin官方也宣布其用户量达到百万之多.2011年7月,Xamarin 开始使用C#开发IOS和Android app,截止2015月4月29日,用户量到达了百万,下面我们就新功能做一些分享: Xamarin.Forms for Windows Xamarin.Forms for Windows 8.1 and Windows Phone 8.1 今年

利用HTML5开发Android(5)---HTML5地理位置服务在Android中的应用

Android中 Java代码 1 //启用地理定位 2 webSettings.setGeolocationEnabled(true); 3 //设置定位的数据库路径 4 webSettings.setGeolocationDatabasePath(dir); 5 6 //配置权限(同样在WebChromeClient中实现) 7 public void onGeolocationPermissionsShowPrompt(String origin, 8 GeolocationPermiss

利用HTML5开发Android(6)---构建HTML5离线应用

需要提供一个cache manifest文件,理出所有需要在离线状态下使用的资源例如 Manifest代码 1 CACHE MANIFEST 2 #这是注释 3 images/sound-icon.png 4 images/background.png 5 clock.html 6 clock.css 7 clock.js 8 9 NETWORK: 10 test.cgi 11 12 CACHE: 13 style/default.css 14 15 FALLBACK: 16 /files/pr