js外掛程式概念

2021-09-19 22:51:15 字數 1071 閱讀 8311

1:理論

module -- 模組,模組化開發。把業務需求分模組。

每乙個模組負責乙個功能的實現。

2:概念

匿名函式   宣告並執行

(function())();

有名字的函式  宣告並執行

var func = function() func();

3:外掛程式寫法

3.1:物件導向思想類方式(new):物件名.方法

//自定義類    

function plugin(){}

//提供預設引數

plugin.prototype.str = "default param";

//提供方法(如果不傳參,則使用預設引數)

plugin.prototype.firstfunc = function(str = this.str)

//建立"物件"

var p = new plugin();

//呼叫方法

p.firstfunc("hello ! i am firstfunc");//hello ! i am firstfunc

p.firstfunc();//default param

3.2:閉包方式   外掛程式名.方法名字

匿名函式方式實現

var plugin =(function();

return;

})();

3.3:閉包方式公升級

(function()

//定義一些api

var _plugin_api = ,

secondfunc:function()

}//這裡確定了外掛程式的名稱

this.cjplugin = _plugin_api;

})();

cjplugin.firstfunc("hello");//hello

cjplugin.firstfunc();//default hello

cjplugin.secondfunc();//secondfunc

4:閉包寫法

;(function(global,undefined) ;

})();

webpack概念 外掛程式 Plugins

外掛程式是 wepback 的支柱功能。webpack 自身也是構建於,你在 webpack 配置中用到的相同的外掛程式系統之上!外掛程式目的在於解決 loader 無法實現的其他事。consolelogonbuildwebpackplugin.js function consolelogonbui...

js外掛程式擴充套件

1 類級別 開發擴充套件其方法時使用 extend方法,即jquery.extend object extend minus function a,b 頁面中呼叫 vari add 3,2 varj minus 3,2 2 物件級別 開發擴充套件其方法時使用 fn.extend方法 即jquery....

js分頁外掛程式

這是我2016年寫的乙個分頁功能,直接貼上來的。那時候 格式寫的也不規範。setpaging 分頁 param linklist html中分頁元件區域,div dom元素 param data 分頁所需資料 totalpages 總頁數,page 當前頁,perpage 每頁條目,eachpage...