大家好烹玉，我是IT修真院深圳分院第02期學(xué)員贼陶，一枚正直善良的web程序員吃粒。
今天給大家分享一下，修真院官網(wǎng)js任務(wù)4赌躺，深度思考中的知識點(diǎn)——如何使用Bootbox?
1.背景介紹
我們在寫后臺有很多的地方都有用到彈出模擬框的效果狼牺，而且一般的后臺框架都是自己帶有這樣的效果的。但有一定的局限性：界面不美觀礼患，功能實(shí)現(xiàn)較復(fù)雜是钥。Bootbox.js是一個小型的JavaScript庫，基于 Twitter 的 Bootstrap 開發(fā)讶泰。它允許你創(chuàng)建使用編程對話框咏瑟。可以快速定制痪署，創(chuàng)建自己所需的模態(tài)框码泞，可以方便的更改它的樣式。
2.知識剖析
該庫提供了三個旨在模仿其原生JavaScript等效項(xiàng)的函數(shù)狼犯。他們確切的函數(shù)名是靈活的余寥，因此每個可以采取各種參數(shù)來定制標(biāo)簽和指定默認(rèn)值，但它們最基本是這樣：
警告：bootbox.alert(message, callback)
提示：bootbox.prompt(message, callback)
確認(rèn)：bootbox.confirm(message, callback)
Bootbox庫還提供了一個自定義模態(tài)框的函數(shù)悯森，你也可以使用它來創(chuàng)建自己的自定義對話框：
bootbox.dialog(options)
3.常見問題
bootbox的所有版本都是在Bootstrap和jQuery的基礎(chǔ)之上的宋舷，因此bootstrap，jQuery和bootbox的版本要對應(yīng)瓢姻。
4.解決方案
對話框代碼不阻止代碼執(zhí)行:由于這個限制，在用戶關(guān)閉對話框之前不應(yīng)該運(yùn)行的代碼應(yīng)該放置（或調(diào)用）在對話框的回調(diào)函數(shù)中。
注意腳本引用的順序:jQuery > Bootstrap > Bootbox
5.編碼實(shí)戰(zhàn)
6.擴(kuò)展思考
模態(tài)框和非模態(tài)框有什么區(qū)別
模態(tài)對話框：就是在其沒有被關(guān)閉之前绎狭，用戶不能與同一個應(yīng)用程序的其他窗口進(jìn)行交互细溅，直到該對話框關(guān)閉。
非模態(tài)對話框：當(dāng)被打開時儡嘶，用戶既可選擇和該對話框進(jìn)行交互喇聊，也可以選擇同應(yīng)用程序的其他窗口交互。
7.參考文獻(xiàn)
8.視頻資料
今天的分享就到這里啦蹦狂，歡迎大家點(diǎn)贊誓篱、轉(zhuǎn)發(fā)、留言凯楔、拍磚~
下期預(yù)告：異步編程有哪幾種方法來實(shí)現(xiàn)? 不見不散~
