美文网首页
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插件开发的几个简要步骤

    JS插件的开发步骤: 1、首先需要闭包,如: 这种规范的作用是:1、避免全局依赖;2、避免第三方破坏;3、兼容jQ...

  • Vue.js开发常见问题解析

    此前的Vue.js系列文章: Vue.js常用开发知识简要入门(一) Vue.js常用开发知识简要入门(二) Vu...

  • laravel调用webuploader插件

    简要描述: laravel结合webuploader上传文件插件 引入css和js: view层: html js...

  • 表单校验插件Jquery.validate.js

    导入插件的步骤: 将jquery的原始文件和插件文件jquery.validate.js导入到工程中 编写js代码...

  • Vue.js动态组件解析

    此前的Vue.js系列文章: Vue.js开发常见问题解析 Vue.js常用开发知识简要入门(一) Vue.js常...

  • 动画插件wow.js的使用

    wow.js使用步骤: 1.wow.js插件可以使页面形成各种各样的动画效果。 2.使用步骤: wow.js依赖于...

  • plugin插件

    插件通常用来为 Vue 添加全局功能。 直接使用别人开发好的插件:Vue.use() 自己开发插件: Vue.js...

  • 开发插件的步骤

    引入之后在需要的项目里全局加载,在需要的业务页面中直接使用name标签嵌入就好

  • 我的前端模块化

    require.js的使用的步骤 如何定义模块?如何引入模块? ​ 引入插件: script引入定义插件: 用...

  • IDEA各种好用的插件

    IDEA 插件安装 步骤 重启 IDEA 即可 !!! 实用的IDEA 插件集合 Lombok plugin开发神...

网友评论

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

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