全屏滚动插件小结

使背景图片始终位于屏幕的中心：

{
   background-position: 50% 50%； //设置背景图像的起始位置
   background-size：cover;   //把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
}

如何通过css使div实现全屏效果：

   1.将需要全屏展示的元素及其父元素都设置height:100%；
   2.将html和body也都设置height:100%;

   注：height:100%;的元素，其高度是父元素高度变化儿变化的

jQuery插件框架的开发小结：

   在很多插件源码中，我们经常可以看到下面一段代码：

  (function($){
        //do something.....
  })(jQuery)

  这是一个自执行的匿名函数，形参是$符号，实参是jQuery对象，这就构成了闭包函数，这样写的好处，官方给出了三点解释：

  1.避免全局依赖；2.避免第三方破坏；3.兼容jQuery操作符‘$’和jQuery.

jQuery插件的开发方式有两种：

  1.类级别组件开发，即在jQuery命名空间下添加新的全局函数，也称为静态方法。具体代码写法如下：

   jQuery.myPlugin = function(){ 
         // do something
   }
   例如，$.ajax()、$.extend()方法

   2.对象级别组件开发，即挂载在jQuery原型下的方法，这样我们通过选择器获取的jQuery对象实例也能共享该方法，也称为动态方法。

   具体代码如下：

   $.fn.myPlugin = function(){
         //  do something
   }
   $.fn === $.prototype ,也就是将myPlugin方法挂载到jQuery的原型下。

   例如，addClass()、attr()方法，需要创建实例来调用。

jQuery链式调用的实现方法：

    $.fn.myPlugin = function(){
           return this.each(function(){
                  // do something....
           })
    }

   -return this 返回当前对象，来维护插件的链式调用
   -each循环实现每个元素的访问