JS-笔记

=================
2017-3-17
=================
DOM
children   子级
tagName 标签名
childNodes 所有子级
firstElementChild||firstChild
obj.children[0]


lastElementChild||lastChild
obj.children[obj.children.length-1]


obj.previousElementSibling||obj.preiousSibling
obj.nextElementSibling||obj.nextSibling


document.createElement()
父级.appendChild(obj);
父级.insertBefore(obj,在谁之前);
父级.removeChild(obj);


物体信息
obj.offsetWidth/Height 盒子模型大小
盒子模型:width/height+padding+border
obj.offsetLeft/Top 定位父级的距离
obj.offsetParent 定位父级
obj.getBoundingClientRect().left/top/bottom/right


事件
onclick
onmouseover
onmouseout
onmousedown
onmousemove
onmouseup
onfocus
onblur
onload
onkeydown
onkeyup
oncontextmenu
ondblclick
onscroll
事件对象
function(ev){
ev.clientX
ev.clientY
ev.keyCode
}
键盘组合键
ctrlKey
altKey
shiftKey


阻止浏览器默认事件
return false


滚动距离
document.documentElement.scrollTop||document.body.scrollTop


可视区大小
document.documentElement.clientWidth/Height


---------------------------------------
1000/60 16 高帧频
1000/30 33.3333 低帧频


运动
起始点 start getComputedStyle(obj,false).name
终点 iTarget  
总距离 dis itarget-start
总次数 count 总时间/次数
步数 n 步数


  一步走多少 步数
dis/count * n
------------------------------------------------
选项卡 i 的问题  请用两种方法解决（只需要方法）


常见数据类型有哪些


预加载有什么好处


for和for in 的区别在哪里


请写出你所知道流程控制语句