使背景图片始终位于屏幕的中心:
{
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循环实现每个元素的访问