美文网首页
js插件开发的几个简要步骤

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

作者: 唐人不自醉 | 来源:发表于2018-10-19 20:22 被阅读11次

    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、充实插件

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

    相关文章

      网友评论

          本文标题:js插件开发的几个简要步骤

          本文链接:https://www.haomeiwen.com/subject/yapuzftx.html