热门标签 | 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  

推荐阅读
  • 媒介这里大部份是本身碰到过的状况,另有一部份自创了偕行的文章,假如人人有碰到别的坑,迎接提出来一同研讨。学问要点1.Meta标签1.制止用户缩放页面,页面强迫让文档的宽度与装备的宽 ... [详细]
  • Cocos2d-HTML5初学者指南:第一部分基础知识
    本文旨在为初学者提供Cocos2d-HTML5的基础知识入门指南。虽然作者在交大期间学习了基础的Web技术和AS3游戏开发,但感觉这些知识与实际应用仍有差距。几年前曾接触过Android开发,但由于缺乏C++和Objective-C的背景,未能深入。本篇将详细介绍Cocos2d-HTML5的核心概念和技术要点,帮助读者快速上手并掌握游戏开发的基本技能。 ... [详细]
  • WebSocket与Socket.io的理解
    WebSocketprotocol是HTML5一种新的协议。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送 ... [详细]
  • FileReader详解与实例---读取并显示图像文件
    我们曾经在《HTML5中File对象初探》中,使用到了FileReader,在那篇文章中,它被用来将一个文件读取为二进制字符串,并通过xhr发送到后端形成交互。作为FileAPI的一部 ... [详细]
  • React图片输入框移动端网页_018
    React-图片输入框-移动端网页gitHub地址觉得有参考价值,点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ... [详细]
  • 本文介绍如何在 Android 中通过代码模拟用户的点击和滑动操作,包括参数说明、事件生成及处理逻辑。详细解析了视图(View)对象、坐标偏移量以及不同类型的滑动方式。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 高效解决应用崩溃问题!友盟新版错误分析工具全面升级
    友盟推出的最新版错误分析工具,专为移动开发者设计,提供强大的Crash收集与分析功能。该工具能够实时监控App运行状态,快速发现并修复错误,显著提升应用的稳定性和用户体验。 ... [详细]
  • 并发编程:深入理解设计原理与优化
    本文探讨了并发编程中的关键设计原则,特别是Java内存模型(JMM)的happens-before规则及其对多线程编程的影响。文章详细介绍了DCL双重检查锁定模式的问题及解决方案,并总结了不同处理器和内存模型之间的关系,旨在为程序员提供更深入的理解和最佳实践。 ... [详细]
  • 本文介绍了如何利用摄像头捕捉图像,并将捕获的图像数据保存为文件。通过详细的代码示例,展示了摄像头调用的具体实现方法,适用于多种应用场景,如安全监控、图像处理等。 ... [详细]
  • HTML5 sever-sent onmessage方法不执行,怎么回事,求大神指点!做服务器广播,页面接收!
    我想实现HTML5sever-sent实现服务器发送消息,然后页面来获取消息,网上找了好多方法,最终找到了一个能用的,但是消息获取页面不执行onmessage方法,求大神指点!本人用.net写的,代 ... [详细]
  • 绑定完成的汗青绑定的基础是propertyChange事宜。怎样得知viewModel成员值的转变一直是开辟MVVM框架的主要题目。主流框架的处置惩罚有一下三大类:别的开辟一套AP ... [详细]
  • 一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPEhtml><html><head> ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  •   html5中template用法,html5标签  一、HTML5template元素初面  模板元素,基本上可以确定 ... [详细]
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社区 版权所有