JS学习第十九天总结

1.offset

• offsetWidth、offsetHeight:100;
• obj.style.height、obj.style.width:“100px”;只能拿到行内样式。
• offsetLeft、offsetTop;找离自己最近的带有定位的父元素，如果没有就找body。
• offsetParent;找离自己最近的带有定位的父元素
• 可读属性、可读写属性

2.event：事件对象

• 存在兼容问题：var event=event||window.event;
• 事件对象的属性
  • event.clientX、event.clientY：以当前可视区为基准。
  • event.pageX、event.pageY：以整个文档为基准。
  • event.screenX、event.screenY：以屏幕为基准。
  • event.target.id、event.target.tagName(拿到的是大写DIV)

3.缓动公式

var leader=0,target=0,timer=null;
timer=setInterval(function(){
    leader=leader+(target-leader)/10;
    box.style.left=leader+"px";
    if(){
        clearInterval(timer);
    }
},20);

4.几个新的事件

• onmouseup、onmousedown：鼠标按下、按下。
• onmouseover、onmouseout
• onmousemove：鼠标每移动一像素就会触发事件。
• document.null;（清除移动，在onmouseup事件中写）在onmousedown事件中写。

5、json：js对象表示法，就是做数据交互

• 键值对，里面可以存储任意类型的值，每个键值对之间用逗号分隔，最后一个键值对之后不要加任何符号。
• 组合写法键名要加引号，访问时必须使用[‘键名’]方式。
• {}里面一定是键值对，[]里面一定是独立值。
• forEach(function(v,i,arr){…});该方法主要用来遍历数组。
• for(var key in jsonObj){ key; jsonObj[key];}该方法主要用来遍历json对象。

6.HTML结构方位

• document.body
• document.documentElement

7.scroll

• scrollTop、scrollLeft:浏览器滚动过的距离
• scrollWidth、scrollHeight
• 存在兼容问题

8.事件冒泡

• 阻止事件冒泡
  • event.stopPropagation();//W3C
  • event.cancelBubble=true;IE
  • 兼容处理

9.基本运动框架

• offseLeft+步长+“px”;

10.复杂的运动框架

• 进行了封装，animate(obj,target);

11.ES6——ES2015——2015年正式发布（变动特别大）

• 模板字符串
  • ${key}
• 新的数组遍历方法：forEach();
• 新的变量声明关键字：let、const(声明的是常量，比如PI)；

12.Math对象的三个取整方法（数学上的取整）

• Math.ceil();进一法
• Math.floor();去尾法
• Math.round();四舍五入
• Math.random();

翻译书籍作品