基于HTML5移动web应用

一、基于HTML5移动web应用

1、canvas 绘图

2、多媒体

3、本地存储

4、离线应用

5、使用地理位置

6、移动web框架

 

二、具体说明

1、HTML5标准最大的变化就是支持Web绘图功能。Canvas绘图功能非常强大，如图形绘制、路径绘制、变形、像素绘制、动画等。用户可以通过获取HTML中Dom元素Canvas，并调用其渲染上下文的context对象，使用JavaScript进行绘制。

2、HTML5标准中的多媒体，video视频和Audio音频正好弥补了多年来需要插件才能播放Flash模式的缺陷。

3、为了满足本地存储数据的需求，HTML5标准中新增两种存储机制，Web Storage 和 Web SQL Database。前者通过提供key / value 方式存储数据，后者通过类似关系数据库的形式存储数据。移动Web浏览器对Web Storage 的支持情况比较理想。

4、HTML5标准规范提供一种离线应用的功能。当支持离线应用的浏览器检测到清单文件（Manifest File）中的任何资源文件时，便会下载对应的资源文件，将他们缓存到本地，同时它也保证了本地资源文件的版本和服务器上保持一致。对于移动设备来说，当无网状态可用时，web浏览器便会自动切换到离线状态，并读取本地资源以保证web应用程序继续可用。

5、虽然地理定位标准严格上来说并不属于HTML5标准规范的一部分，但它已经逐渐得到大部分浏览器的支持。

6、目前基于HTML5移动web框架存在两种不同的开发模式：基于传统Web的开发（jquery Mobile）和基于组件的web开发（Sencha Touch）。