那么，html5可以做什么？
大家讨论的比较多的是html5和native的性能对比，开发速度，维护，升级等方面的问题，但这些在我看来不是大问题，随着硬件的提升，相信html5的性能会越来越好。我比较看好的是device API在未来可以应用的空间：
1. 利用重力感应开发物理游戏
2. 陀螺仪实现摇一摇
3. video和audio开发语音识别和视频通话、虚拟现实、增强现实
4. 湿度和温度传感器可以开发智能家居
5. webnfc可以用来开发近场通讯支付
6. 震动API
7. 距离传感器
8. 噪音检测
var con = document.getElementById("con")
(function(){
// 监听运动传感事件，查看是否支持硬件运动
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false)
} else {
alert("您的设备不支持硬件调用")
}
// 变量初始化
var x = 0,
y = 0,
z = 0,
lastX = 0,
lastY = 0,
lastZ = 0,
curTime = 0,
lastTime = 0,
diffTime = 0,
speed = 0
// 设置一个阀值
var SHAKE_THRESHOLD = 800 // 设定摇晃的阈值为600 运行相应操作
/*
* 功能：测算三个方向重力加速度，达到一定值进行相应操作
* 作者：HTML5学堂、刘国利、陈能堡
*
*/
function deviceMotionHandler(eventData){
var acceleration = eventData.accelerationIncludingGravity
// 获取当前时间
curTime = new Date().getTime()
// 计算时间差，当这个差值大于一定值执行计算三个方向的速度
if ((curTime - lastTime) > 100) {
// 记录上一次的时间
diffTime = curTime - lastTime
lastTime = curTime
// 获取当前三个方向的值
x = acceleration.x
y = acceleration.y
z = acceleration.z
// 计算速度，为了防止出现负数，进行绝对值
speed = Math.abs((x + y + z - lastX - lastY - lastZ) / diffTime * 8000)
if (speed > SHAKE_THRESHOLD) {
alert("我实现摇一摇了")
}
// 记录上一次三个方向的值
lastX = x
lastY = y
lastZ = z
}
}
})()
资料来源HTML5学堂。
