彈出層提示信息，這是移動(dòng)前端開發(fā)中最常見的需求，你可能會(huì)想到一些流行的彈框插件，比如 經(jīng)典的artDialog 炫酷的Sweetalert等等..
但是慢慢地你其實(shí)會(huì)發(fā)現(xiàn)通常情況下需求定制化要求較高，一般的彈框插件可能只滿足大部分要求，自定義花的時(shí)間還不如手動(dòng)自己封裝一個(gè)符合自己開發(fā)習(xí)慣的彈框組件，這樣后續(xù)開發(fā)效率將大大提高。
首先整理一下思路，原生javascript其實(shí)是有實(shí)現(xiàn)alert()方法的，但是那個(gè)會(huì)暫時(shí)性中斷程序運(yùn)行，并且足以讓你丑拒！那么拋開這些細(xì)細(xì)一想，其實(shí)彈框就是兩個(gè)div層，一個(gè)浮在底下的蒙層（遮罩層），將所有的元素遮起來，并且最好是半透明。另一個(gè)就是彈框主體部分了，一般情況需要水平垂直居中，并且通常包含標(biāo)題，主體內(nèi)容需要可定制，如果是模態(tài)框通常還有確認(rèn)/取消按鈕。最后就是彈出、關(guān)閉的時(shí)候一些動(dòng)效。
所以說完全可以自己封裝一個(gè)，然后放在項(xiàng)目中公共js中去。能自己手寫的盡量不用插件....
一些默認(rèn)屬性值
通過一個(gè)foreach循環(huán)，類似于傳入的opts繼承了defaultOpts屬性，在調(diào)用彈框之前執(zhí)行的before()方法，相當(dāng)于一些準(zhǔn)備工作
defaultOpts ='',
content: '',
height: 50,
width: 80,
type: 'alert-default',
effect: 'fadeIn',
&n
