如何寫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，能夠很快的找到特定服務要使用的包，進行下載、安裝以及管理已經安裝的包。