文档章节

移动开发1 HTML5移动开发介绍

奋斗的小芋头
 奋斗的小芋头
发布于 2016/11/22 15:48
字数 849
阅读 127
收藏 1

Native APP:是一种基于智能手机本地操作系统如 ios 、Android  、WB

 Web APP :使用面向web的开发技术(html5+css3+javascript)完成手机APP的制作

web APP核心思想 :打包(第三方平台,将HTML5,CSS3 javascript编写好的程序内嵌入操作系统)

常用打包工具:PhoneGap  移动APP的开发平台

 http://phonegap.com/

优点:

1.兼容性,HTML CSS Javascript 的运用,可以跨平台

2.标准化。 使用W3c标准,可以与jquery jqueryMobile结合使用

3.使用javascript +HTML5+CSS3作为开发语言

缺点

1、运行速度慢

2.内存消耗大

3.调试难度大

4.提供的本地设备API较少

 

2.APPCan 可以理解为Hybird开发平台,提供对andriod IOS 、WP、Symbian操作系统支持

http://www.appcan.cn/

优点:

1,提供对多个操作系统的支持

2,使用APPCan应用引擎提供的 NAtive 交互能力 可以让HTML5开发的移动应用性能基本接近Native APP

的体验(自称)

3.开发工具基于eclipse ,可以本地打包,云端打包

5.支持各种手机设备的调用,包括电话相机传感器定位等

6.纯正的中文文档与工具

缺点:

1与HTMLplus 相比,提供的api较少

2。html5开发与操作系统支持的语言交互性较差

 

HTML5plus

http://ask.dcloud.net.cn/docs

强调以JS搞定一切,内置Js接口 操作手机设备,native jS接口调用本地andriod .ios 程序也可以视为Hybrid开发

优点

1.兼容性提供对 IOS Andriod操作系统的支持。

2.提供强大的JS接口操作本地设备。

3.开发工具是基于eclipse 改装的hbuilder ,改工具集成了jquery anjularjs /jquerymobile等框架组件,多种调试方式

4.提供了UI组件(MUI)

5.通过nativejs 可以轻松调用本地程序文件

6.纯正的中文文档与工具

缺点

支持的操作系统较少,适用于国内App的开发。

 

二。Hybird APP

安卓调用一个程序,打开一个网页

程序调用关系

Andriod外壳 《-----》Webwiew 《———》MobleUI控件库

三。HTM5Plus概述

HTML5Plus也称为HTML5+ 由Dclude开发

MUI框架 负责UI显示

开发工具Hbuilder

支持手机APP的打包功能

 

MUI:最接近原生体验的移动APP的ui框架(自称·)

1.轻量级小框架

 

Hbuilder工具提示

1.直接敲 input即可,创建大多属性

2.敲  sty----<sty>

3.sc  --->script

4.function

辅助编辑 jquery alt+/ 

$--document.get.......

可以安装插件

工具-插件安装

 

二、配置项目信息

点开manifest.json

应用名称:App打包好后在手机桌面上的快捷方式名称;

appid : HBuilder appid(应用标识),在创建时分配的,以后不可改的标识。用户不要手动修改

版本号:应用版本号,用户可通过·plus API(plus.runtime.verson)获取应用的版本号,需提交App云端打包后才能生效;

入口页面:应用启动后,自动打开的第一个HTML页面,可填写本地html文件地址(相对于应用根目录),或网络地址(以http://或https://开头)。

SDK:可以直接调用SDK内相关的内容。

模块权限的配置。

映射到代码视图。

开发调试方法

index.html是欢迎页.

运行

可以引入 jquery 来方便开发

© 著作权归作者所有

奋斗的小芋头
粉丝 1
博文 161
码字总数 129345
作品 0
大连
私信 提问
移动Web应用程序开发 HTML5篇 (四) 多媒体API

介绍 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。 本篇是HTML5介绍的第四篇,主要介绍HTML5的多媒体API。 相关文章: 移动Web应用...

红薯
2012/02/27
1K
0
【推荐】【分享】beyond the web

副标题: Web之外的html5世界 报名地址:http://www.headin.cn/Themes/Activity/Details/?activityId=51418382869d080bf0bc5be7 课程背景: Hybrid技术 和 HTML5游戏开发 一直是HTML5领域比较...

开源力量
2013/04/08
91
0
现在就开始使用HTML5的十大原因

本文转载自GBin1.com。 你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的...

红薯
2012/03/11
4K
15
现在就开始使用 HTML5 的十大原因

日期:2011/12/05 来源:GBin1.com 你 难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是w...

gbin1
2011/12/07
4.1K
31
盘点:崛起中的九大 HTML5 开发工具

HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现...

oschina
2012/11/28
5.6K
35

没有更多内容

加载失败,请刷新页面

加载更多

setState() called after dispose() flutter

# 在setState前加入以下判断if (!mounted) return;

zdglf
16分钟前
3
0
docker和docker-compose二种方式安装mysql8.0

Docker方式安装 在命令行下运行 docker run -d -p 3306:3306 --restart always --privileged=true--name mysql-e MYSQL_USER="test" -e MYSQL_PASSWORD="test" -e MYSQL_ROOT_PASSWOR......

小白的成长
25分钟前
5
0
五大网络威胁应对挑战

既然如此,那么威胁的检测和响应过程是否像生产瑞士手表那样高效运行呢?答案远非如此。据ESG报告显示,威胁检测和响应过程充满各种各样的问题。来自372名企业网络安全和IT专家的数据,以下是...

linuxCool
26分钟前
4
0
jQuery 选择器使用大全(标签选择器,ID选择器等)

jQuery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很...

前端老手
32分钟前
4
0
HBase四种部署模式和基本操作

本文主要包括两部分的内容,第一部分主要包HBase的四种安装方法,分别是:① 单机版模式,② 伪集群模式,③ 使用HBase自带的zookeeper构建分布式集群,④ 使用独立安装的zookeeper构建分布式...

繁荣3000
40分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部