全屏切换效果

预备：

HTML语言

css样式-class、选择器、背景

css动画

JavaScript基本语法，闭包，单例模式

jQuery基础功能

$(select), .data(),.animate(),事件等

1，可以使用sublime  text插件，安装 Emmet插件

！->Tab   就可生成HTML模板

【闭包】

（function($){

}）(jquery);

闭包的作用：

避免全局依赖；

避免第三方破坏；

兼容jQuery操作符‘$’和jQuery

【开发方式】

1,类级别组件开发：

即给jQuery命名空间下添加新的全局函数，也称静态方法

jQuery.myPlugin=funciton(){

 //do  something

};

例如：$.ajax()、$.extend()

2,对象级别组件开发：

即挂在jQuery原型下的方法，这样通过选择器获取的jQuery对象实例也能共享该方法，也称为动态方法。

$.fn.myPlugin = funciton(){

 //do  something

};

这里$.fn ===$.prototype

例如：addClass(),attr()等，需要创建实例来调用，这里采用动态方法来实现

【链式调用】

$('div').next().addClass()....

$.fn.myPlugin=function(){

      return  this.each(function(){

      //do   sth

});

}

return this返回当前对象，来维护插件的链式调用

each循环实现每个元素的访问

【单例模式】