码迷,mamicode.com
首页 > 其他好文 > 详细

2016年1月12日前端笔记

时间:2016-01-13 00:42:38      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

一、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‘);} //优先加载

 

  

 

2016年1月12日前端笔记

标签:

原文地址:http://www.cnblogs.com/mablevi/p/5125953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!