如何写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，能够很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。