学习总结:jQuery插件开发模式和结构

学习博客链接:

https://www.cnblogs.com/cyStyle/

 https://www.cnblogs.com/chengyunshen/p/7277305.html

 https://www.cnblogs.com/sjqq/p/6410839.html

jQuery插件的开发包括两种:

(1)类级别的插件开发,即给jQuery添加新的全局函数,jQuery的全局函数就是属于jQuery命名空间的函数,相当于给jQuery类本身添加方法。

(2)对象级别的插件开发,给jQuery对象添加方法。

扫描二维码关注公众号,回复: 1607252 查看本文章

大佬的总结经验(第一个链接):

(1)把全部代码放在闭包中(闭包相当于一个私有作用域,外部无法访问到内部的信息,并且不会存在全局变量的污染情况)

(2)提供插件的默认参数选项

(3)遍历多个元素并返回(Sizzle选择器引擎,链式调用)

(4)一次性代码放在主循环外

(5)定义公有方法和私有方法(增加代码的健壮性)

(function($) {
    // 在插件容器内,定义一个私有方法
    var privateFunction = function() { // code here  }; // 通过字面量创造一个对象,存储我们需要的共有方法 var methods = { // code here  }; })(jQuery);

(6)添加持久性数据($.data函数为元素添加信息),$.removeData函数来删除相应的数据

猜你喜欢

转载自www.cnblogs.com/zhoust023/p/9189188.html