热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

活动主题:五一巨献,问答有礼,105QB送给IT互联网界的劳动人民活动时间:4月30日晚上10点~5月2日晚上10点网址:http:ask.jiutianniao.com
活动主题:五一巨献,问答有礼,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结合使用的时候,滚动条的内容可能出现无法展示的情况。
  
不使用mui-scroll-wrapper,就可以了。
但是,把滚动条的内容一直向上移动,可能就再也看不到了。
不太明白,和样式中的定位position:absolute有很大的关系。
    
    还有个地方貌似也有问题,tab bar的div模式,顶部和底部的导航,在中间内容滚动条拖动过程中,会出现顶部和底部看不到的情况,背景色也有一定问题。
(官方的mui例子,也有这个问题。这说明,不是我是的原因了。)
官方的例子中,有提到,复杂的业务使用webview模式更好。
难道是,我写的已经算是很复杂了么。  
---------------------  
  武汉九天鸟-p2p网贷系统开发-互联网应用软件开发
  公司官网: http://jiutianniao.com
  社交问答: http://ask.jiutianniao.com  

推荐阅读
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 深入解析SpringMVC核心组件:DispatcherServlet的工作原理
    本文详细探讨了SpringMVC的核心组件——DispatcherServlet的运作机制,旨在帮助有一定Java和Spring基础的开发人员理解HTTP请求是如何被映射到Controller并执行的。文章将解答以下问题:1. HTTP请求如何映射到Controller;2. Controller是如何被执行的。 ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • 本文详细介绍如何使用CSS自定义HTML5视频播放器的样式,涵盖常见属性及跨浏览器兼容性问题。发布时间:2020-09-14 14:46:29;来源:亿速云;阅读量:58;作者:小新。 ... [详细]
  • 本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互,涵盖了GET、POST、PUT和DELETE请求的实现,并展示了如何处理JSON响应。 ... [详细]
  • 简化报表生成:EasyReport工具的全面解析
    本文详细介绍了EasyReport,一个易于使用的开源Web报表工具。该工具支持Hadoop、HBase及多种关系型数据库,能够将SQL查询结果转换为HTML表格,并提供Excel导出、图表显示和表头冻结等功能。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 探索新一代API文档工具,告别Swagger的繁琐
    对于后端开发者而言,编写和维护API文档既繁琐又不可或缺。本文将介绍一款全新的API文档工具,帮助团队更高效地协作,简化API文档生成流程。 ... [详细]
  • ssm框架整合及工程分层1.先创建一个新的project1.1配置pom.xml ... [详细]
  • 并发编程 12—— 任务取消与关闭 之 shutdownNow 的局限性
    Java并发编程实践目录并发编程01——ThreadLocal并发编程02——ConcurrentHashMap并发编程03——阻塞队列和生产者-消费者模式并发编程04——闭锁Co ... [详细]
  • Python自动化测试入门:Selenium环境搭建
    本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]
  • 本文详细介绍了如何在Android 4.4及以上版本中配置WebView以实现内容的自动高度调整和屏幕适配,确保中文显示正常,并提供代码示例。 ... [详细]
  • 本篇文章介绍如何将两个分别表示整数的链表进行相加,并生成一个新的链表。每个链表节点包含0到9的数值,如9-3-7和6-3相加得到1-0-0-0。通过反向处理链表、逐位相加并处理进位,最终再将结果链表反向,即可完成计算。 ... [详细]
  • Vue 开发与调试工具指南
    本文介绍了如何使用 Vue 调试工具,包括克隆仓库、安装依赖包、构建项目以及在 Chrome 浏览器中加载扩展的详细步骤。 ... [详细]
  • Java EE CDI:解决依赖关系冲突的实例
    在本教程中,我们将探讨如何在Java EE的CDI(上下文和依赖注入)框架中有效解决依赖关系的冲突问题。通过学习如何使用限定符,您将能够为应用程序的不同客户端提供多种接口实现,并确保每个客户端都能正确调用其所需的实现。 ... [详细]
author-avatar
吴碧菱乐其怡伶
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有