js插件开发的几个简要步骤

JS插件的开发步骤:

1、首先需要闭包,如:
   (function($){
        //TO DO
    })(jQuery);

这种规范的作用是:
1、避免全局依赖;
2、避免第三方破坏;
3、兼容jQuery操作符''和'JQuery'。 4、结构详解: (function(){})(jQuery); 在这样一个结构里,第一个括号里边的内容:function(){} 是一个匿名函数,其参数''作用是为了不与其他库冲突。
第一个括号表示定义了一个匿名函数,然后第二个函数表示为该函数传递传递了一个参数'jQuery',整个结合起来意思就是,定义了一个匿名函数,

然后又调用该函数,该函数的实参为jQuery。相当于:function fun($){…}; fun(jQuery);
这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕。

2、给插件加入主体
    (function(){
        $.fn.confirm = function (options) { 
 //插件的名称为confirm,后期用的时候也是$("obj").confirm();
            //TO DO
        };
    })(jQuery);
3、充实插件

后续则可以给插件添加属性、添加事件、封装函数,从而使得插件易用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容