HTML5 ----- deviceorientation API

　　当我们把设备举到面前，就是坐公交车时玩手机的状态，手机的宽度(水平方向)就是X轴，从左向右依次变大；手机的高度(垂直方向)就是y轴，从下到上依次变大； 眼光盯着屏幕，我们的视线就是Ｚ轴，离我们的眼睛越远，Ｚ值越小。

　　将设备靠近自己的眼睛意味着将其沿Ｚ轴正方向移动，而将设备远离自己的眼睛意味着沿Ｚ轴负方向移动；朝向自己的脚的地方移动，降低设备的位置意味着沿Ｙ轴的负方向移动，向上移动设备到头部则沿Ｙ轴正方向移动；将设备移动自己的右方意味着将其沿Ｘ轴正方向移动，反之，则沿Ｘ轴负方向移动。

　　要想探测到设备的移动，就要在window对象上监听deviceorientation事件。只要设备移动，就会触发该事件，并返回一个包含旋转角度的对象，这个对象有三个属性：alpha,beta, gamma.

　　alpha 是绕z轴旋转的角度， 就像我们转动雨伞一样，手柄放到我们的胸前，伞头朝向外面，然后进行旋转。我们用手捏住手机，垂直放于胸前，然后以拇指为中心点，旋转一圈就是z轴旋转,所以只有alpha发生变化，就是用户在旋转手机。

　　beta 则是绕ｘ轴旋转的角度，说明用户在前后摇晃手机

　　gamma, 则是绕x轴旋转的角度，说明用户在左右摇晃手机

window.addEventListener('deviceorientation', function(data) {
    console.log(data.alpha,data.beta, data.gamma)
})