JavaScript——六

magin和padding的区别：https://www.cnblogs.com/zxnn/p/8186225.html

magin：兄弟之间的

padding：父子关系

body和网页边框左右距离上的magin为8（固定的）

实验：（以下为基本代码）

实验所用样式：

script：

这个放大效果前提是有一个大图片还有一个小图片，而不是我们操作使它变大，是它本来就大着咧！

还要注意的是我们使用onmouseover和onmouseout的时候会触发冒泡，此时那个显示图片的操作会执行多次，这时我们可以使用onmouseenter和onmouseleave来代替，这两个方法不会触发这个冒泡反应

模拟滚动条：

红色的是我们写的，灰色的是我们用overflow：auto系统自己配的

将动画封装成一个函数这样可以方便以后使用

上一个如果点击多次按钮移速会加快（每点一次就又创一个定时器），为了避免

这样的话可以给多个盒子制造动画

如果在一个盒子进行动画的时候你想知道他的位置，那你就要设置一个定时器来隔一段时间查看一次

回调函数使用，让两个盒子相继到达目的地，一个到了另一个才开始走

输出两个10

函数在后面才调用

10 undefine

变量预解析：先把声明语句提前，但是赋值语句位置不变，再按顺序执行代码

方法中的this，是调用这个对象的对象

如果把方法给了一个函数，再用“函数名（）”则此时this代表的是window

constructor这个属性不是对象的而是构造函数的

但是如果把sayHi这个函数写在外面那他们的地址就一样了，此时再比较它们的值就是true

优点：节省内存

缺点：可能出现命名冲突

prototype：构造函数的原型对象

一旦使用prototype对构造函数增添东西，那么这个东西在内存中的地址只有一个，尽管你创造了多个对象

访问对象的成员时先找对象的成员，如果没有那就再去找原型对象的成员

他们之间是通过_proto_----> prototype相连接

实例成员：通过对象能够访问到的，上述中在构造函数中定义的sayHi也是实例成员

包含的关系用实线来表示

原型链：

原型链：对象---->原型对象---->原型对象的原型

调用对象的某个属性时，就按照这个顺序找，找到了就停止，找不到接着按这个链找

从下到上原型链：

但是这个样子的话会出现bug，此时的属性construct和之前的不一样，指向发生了错误，而且你这样写原来里面的函数也会没有，相当于你对他进行了重置

解决错误；设置construct的值指向这个构造函数

系统提供的构造函数：

对象提供的一些函数都定义在原型对象里面，这样可以共享

不能这样写，所以系统对他进行了限制，你这样写是无用的，因为系统对他提供的许多函数，你要是重新赋值清空里面的东西肯定不行