2016年1月12日前端筆記

1、HTML5 新DOM事件得到設備物理方向及運動的信息：陀螺儀、羅盤、加速計。

　　DOM事件

　　一、deviceorientation //物理方向

　　二、devicemotion //加速信息

　　三、compassneedscalibration //通知web站點使用羅盤信息校準

 

　　監聽事件：

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

　　捕捉重力加速度

var acceleration=eventData.accelerationIncludingGravity;

　　

2、js Math函數

　　Math.abs(x)  取X的絕對值

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

　　Math.random() 返回一個0~1之間的隨機數

　　Math.floor(x) 對一個數進行下舍入

 

3、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');} //優先加載