如何写js前端插件

我之前都没怎么写过正式的插件，写过的也都像之前的那些小插件，非常不正式。

突然想起自己都换了一个公司了，原来没关系，这边好歹也是个大公司，一定得注意规范了。于是网上搜索加咨询超级大神的同学，得知了以下一些方法及规范。

---

 

由于我估计自己写的是基于jquery的插件，所以先讲一下最基础的基于jquery的插件规范。

html：

<script type="text/javascript">
    $(function(){
        $("img").aaa();  //对哪个dom元素，调用aaa方法
    })
</script>

js：

(function ($) {
    $.fn.aaa = function(options) {  //fn.aaa，任意xx可调用aaa函数
        var dft = {
            //以下为该插件的属性及其默认值
            height: "200px",
            width: "200px"
        };
        var ops = $.extend(dft,options);  //将options和dft进行拼接，组合成新的对象
        $(this).css("height",ops.height);
        $(this).css("width",ops.width);
    }
})(jQuery);

这是最简单，也是最基础的jquery的插件构成方法。

---

 

以下是插件的提升~~

“npm包管理，umd模块，webpack打包，karma测试，用ES6写，babel转为ES5”------这是同学原话，我只是个搬运工。

包管理--npm：Nodejs自身提供了基本的模块，但是开发实际应用过程中仅仅依靠这些基本模块则还需要较多的工作。Nodejs库和框架为我们提供了帮助，让我们减少工作量。但是成百上千的库或者框架管理起来又很麻烦，有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。

转载于:https://www.cnblogs.com/neuscx/p/5251673.html