我们都知道jquery的on是采用的事件委托，但是真正了解什么是事件委托仍然要花一定功夫，于是我们这里来试试。
闭包是事件委托实现的基石，我们就以事件委托深入学习下闭包。

用纯css实现了switch开关按钮之后，突然想起在《css揭秘》这本书上看到复选框也是采用相同的原理，在此也做一下纪录。

前言：
前几天面试的时候被问到如何实现一个开关按钮效果，觉得应该纪录下来，以后的工作中或许会用到。
另外想吐槽一下那个面试官，我说当我遇到不会的问题时会去谷歌搜索，她一脸不屑，谷歌也不一定能搜到答案。我笑了笑，答案可能没有，但思路总会有的。
最后，虽然那家公司也没去成，但这些经历总是让人成长。

在css中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用text-align:center;如果是一个块级元素，就对自身应用margin:auto;。
而如果要对一个元素垂直居中，可能光是想想就令人头皮发麻了。

前言：在学习javascript的漫长道路中，总觉得面向对象深奥难懂，学起来又枯燥乏味。
虽是如此，也不能放弃在这条道路上的探索，在一个个实例中理解原理,多看多写多练。

border:0与border:none的区别主要有两点：
1.理论上的性能差异
2.浏览器兼容性差异

JS中的作用域，大家都知道的，分为全局作用域和局部作用域，没有块级作用域，听起来其实很简单的，可是作用域是否能够有深入的了解，对于JS代码逻辑的编写成功率，BUG的解决能力，以及是否能写出更优秀的代码，都有很重要的影响的，如果想要写出更优雅更高效的逻辑代码，那么就要深入的了解一下作用域的问题了，确切的说，是要更深入的了解一下，怎么更有效更巧妙的利用作用域。

本文为了解决以下问题：

• __proto__(实际原型)和prototype(原型属性)不一样！！！
• constructor属性(原型对象中包含这个属性，实例当中也同样会继承这个属性)
• prototype属性(constructor.prototype原型对象)
• __proto__属性(实例指向原型对象的指针)

轮播的原理:
1.很多时候使用ul列表去展示，这有一些好处，比如float对齐之类的，当然直接用p或者div也行。
2.了解overflow属性。在溢出情况下的处理。其实轮播就是不断的处理li溢出的情况。
3.jQuery animate的动画效果。也可以使用setInterval。
4.对定位的了解，margin和position。
5.循环轮播。需要对节点进行重新的修改。
具体而言就是在轮播到最后一张图片的时候，修改节点，将第一个节点，添加到列表的最后一个位置。

先来看问题

offsetWidth offsetHeight offsetLeft offsetTop
clientWidth clientHeight clientLeft clientTop
scrollWidth scrollHeight scrollLeft scrollTop

看到上面这些，是不是有点晕乎乎的感觉，下面来说说其中的区别。