現在都是用的是人家封裝的框架什麼的,但是對於底層的了解也是必須的,不然就無法提公升,下面分享乙個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函式內部...