h5学习笔记

申明提前，
var aa=“9”;
function kk(){
console.log(aa);
var aa=10;
function bb(){
console.log(aa);
}
}
40面向对象 ，创建对象，构造函数，原型，41 继承，function使用，eval 43变量提升 44闭包，函数调用模式，apply和call获取上下文 45 事件注册

43 js高级-第五天源代码 06-变量和函数的提升 ～函数表达式的提升

调用其他对象方法，用apply 或call

继承有哪些，
经典的，用forin 遍历替换;用prototype ，用proto; 用Object.create()(注意兼容性)

41js 高级-创建函数的几种方式

eval的使用 //eval函数可以用来将字符串转换成JavaScript代码并且运行

JS原型链 new 与 Object.Create()区别 代码及继承的方法

JS中的Object.assign()、Object.create()、Object.defineProperty()

https://blog.csdn.net/fangchao3652/article/details/50555985

单引号里面只能是双引号，多层的话，要用反斜杠\ 多个字符串在一行，但是在编辑器中显示不下换行也是用\

1. 基本概念
   offsetWidth/offsetHeight
   对象的可见宽度，包含滚动条和border。非标准属性，但各浏览器都支持
   clientWidth/clientHeight
   对象的可见宽度，不包含滚动条和border。
   scrollWidth/scrollHeight（慎用）
   元素完整的高度和宽度，overflow:hidden的部分也计算在内。
   offsetLeft/offsetTop
   当前元素距浏览器边界的偏移量，以像素为单位。
   clientTop/clientLeft
   这个属性测试下来的结果是=border。
   scrollLeft/scrollTop（IE6计算方式不同）
   设置或返回已经滚动到元素的左边界或上边界的像素数。
2. 比较offsetHeight/clientHeight/scrollHeight
   共同点：3个值都和元素的margin无关。
   差 异：offsetHeight = height+padding+border
   clientHeight = height+padding-滚动条的宽度(如果有滚动条)
   scrollHeight 获得的是元素的实际宽度影藏的部分也计算在内
   备 注：1.Jquery中的css(“height”)/height()不计算padding/border/滚动条。
   2.offsetWidth、clientWidth、scrollWidth同理。
3. 比较offsetTop/clientTop/scrollTop
   offsetTop：元素相对body的Top值（元素border以外到body.padding以内）clientTop = offsetTop-(height+padding)=border
   scrollTop：元素的滚动值 （可用来做滚动效果）// 内部显示的卷起高度
   对象的最顶部到对象在当前窗口显示的范围内的顶边的距离．
   即是在出现了纵向滚动条的情况下，滚动条拉动的距离

screenX:
鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。

offsetLeft 与style.left
offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值