2016年1月12日前端笔记

一、HTML5 新DOM事件获得设备物理方向及运动的信息：陀螺仪、罗盘、加速计。

　　DOM事件

　　1、deviceorientation //物理方向

　　2、devicemotion //加速信息

　　3、compassneedscalibration //通知web站点使用罗盘信息校准

　　监听事件：

if(window.DeviceMotionEvent)
{
  window.addEventListener('devicemotion',deviceMotionHandler,false);      
}else
{
  document.getElementById('deEvent').innerHTML="Not supported on your device";  
}

　　捕捉重力加速度

var acceleration=eventData.accelerationIncludingGravity;

　　

二、js Math函数

　　Math.abs(x)  取X的绝对值

　　Math.round(x) X的值四舍五入

　　Math.random() 返回一个0~1之间的随机数

　　Math.floor(x) 对一个数进行下舍入

三、js匿名函数

　　(function($){...})(JQuery);  //实际上是一个匿名函数

　　匿名函数： function(arg){...}

　　

　　①$(function(){...}); 的完整写法是：

　　$(document).ready(function(){...});

　　意思是DOM加载完毕后执行ready()方法；

　　

　　②(function($){...})(JQuery);

　　等同于

　　var fun=function(params){...}

　　fun(JQuery);

　　是立即执行的匿名函数fun, 这里参数JQuery目的是保证JQuery不与其他类库或变量冲突。

　　⊙在定义后立刻执行，执行上优先于ready();

　　

　　③脚本会优先加载 function a(){...}   声明变量的方式 则会按照顺序加载

　　例：

　　

b();
a(); //error

var a=function(){alert('a');} //还没有加载，注：js是会预先加载的一种语言
function b() {alert('b');} //优先加载