您好,欢迎来到尔游网。
搜索
您的当前位置:首页全屏切换效果

全屏切换效果

来源:尔游网

预备:

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循环实现每个元素的访问

【单例模式】













































因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务