zoukankan      html  css  js  c++  java
  • 全屏滚动插件小结

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

    {
       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循环实现每个元素的访问
  • 相关阅读:
    【数据库】python访问mysql
    给vs2015添加EF
    SQL Sever 2008 R2版本添加Northwin数据库错误解决
    c#进程、定时器初步学习
    联动下拉框显示省市县
    第一次网站初尝试爬的坑
    关闭程序主窗体程序不结束,主要应用于登录界面
    基于三层架构的增删改查Get知识点
    python中的异常捕获怎么用?
    VS版本下载
  • 原文地址:https://www.cnblogs.com/sunny_z/p/7100000.html
Copyright © 2011-2022 走看看