使用js閉包封裝乙個原生的模態框

2022-09-18 17:21:11 字數 2682 閱讀 8914

現在都是用的是人家封裝的框架什麼的,但是對於底層的了解也是必須的,不然就無法提公升,下面分享乙個2 years ago 自己封裝的乙個提示框

樣式很簡單(適用於任何解析度)

具體**如下

/**

* 該js 用於資料載入時給予模態框提示,以增加使用者體驗

* @since 1.0.1

* @param $ jquery

* @author dex

* 初創:2017.8.16

* 更改:2017.11.18

* 使用方法:

* $.layer.openmask("正在登陸... ");//顯示模態框

* $.layer.setmasktitle("改變提示語!");//更改提示語

* $.layer.closemask();//關閉模態框

* $.layer.loading();//開啟\關閉載入模態框

* * $.layer.loading(); // 資料載入框

* $.layer.alert("網路異常!");// 自動關閉提示框

* * 注意 【background: 'transparent url(./layer/img/loading.gif) no-repeat',】 這路徑需要按自己放置目錄更改

*/(function

($),

_open:

function

(message)

, _change:

function

(message)

,3000);

},_close:

function()

, _action:

function

(message)

else}}

;//生成css

vargeneratecss

=function()

);$(

"#load_box").

css();

$("#load_msg").

css();

var _widht = document.documentelement.clientwidth;

//螢幕寬

var _height = document.documentelement.clientheight;

//螢幕高

var boxwidth =$(

"#load_box").

width()

;var boxheight =$(

"#load_box").

height()

;//讓提示框居中 $(

"#load_box").

css();

};varoverridmsg

=function

(message),)

; layer.

_action

(message.msg);}

; $.

extend

(,

openmask:

function

(title)

,

closemask:

function()

, loading:

function()

, alert:

function()

, timeout);}

}});

var layerloading =

, _open:

function()

, _close:

function()

, _action:

function()

else}}

;//生成css

vargeneratecssofloading

=function()

);$(

"#loading_inner").

css();

var _widht = document.documentelement.clientwidth;

//螢幕寬

var _height = document.documentelement.clientheight;

//螢幕高

var boxwidth =$(

"#loading_inner").

width()

;var boxheight =$(

"#loading_inner").

height()

;//讓提示框居中 $(

"#loading_inner").

css();

};})

(window.jquery)

;

使用原生JS封裝乙個動畫函式

最近一直在忙專案,很少有時間回顧之前的知識,今天剛好要做乙個輪播,因為對相容性有一定的要求,使用了各種外掛程式和庫中的輪播,效果都不是很理想,一怒之下,使用原生js封裝了乙個輪播元件,其中重要的功能就是乙個動畫,看了一下以前封裝的函式,千瘡百孔,又進行了重新封裝,先上 有詳細的備註。function...

Js的封裝和閉包

js封裝 即物件導向,不懂物件導向思想的同學不用向下看了 js並不是一種面向對向的語言,沒有提供對類的支援,因此我們不能像在傳統的語言裡那樣 用class來定義類,但可以利用js的閉包封裝機制來實現js類,封裝乙個簡的charlesobj類.function charlesobj this.init...

乙個JS菜鳥對閉包的理解

閉包就是能夠讀取其他函式內部變數的函式,在js中,只有函式內部的子函式才能讀取區域性變數,這就造成的一些使用時的不便。而閉包函式的作用就是,像一座橋梁一樣將函式內部和函式外部連線起來。可以保護變數,避免汙染。函式a內部直接或間接返回乙個函式b b函式內部使用函式a內部的私有變數 私有資料 a函式內部...