大家好，我是IT修真院深圳分院第02期學員，一枚正直善良的web程序員。
今天給大家分享一下，修真院官網js任務4，深度思考中的知識點——如何使用Bootbox?
1.背景介紹
我們在寫后臺有很多的地方都有用到彈出模擬框的效果，而且一般的后臺框架都是自己帶有這樣的效果的。但有一定的局限性：界面不美觀，功能實現較復雜。Bootbox.js是一個小型的JavaScript庫，基于 Twitter 的 Bootstrap 開發。它允許你創建使用編程對話框。可以快速定制，創建自己所需的模態框，可以方便的更改它的樣式。
2.知識剖析
該庫提供了三個旨在模仿其原生JavaScript等效項的函數。他們確切的函數名是靈活的，因此每個可以采取各種參數來定制標簽和指定默認值，但它們最基本是這樣：
警告：bootbox.alert(message, callback)
提示：bootbox.prompt(message, callback)
確認：bootbox.confirm(message, callback)
Bootbox庫還提供了一個自定義模態框的函數，你也可以使用它來創建自己的自定義對話框：
bootbox.dialog(options)
3.常見問題
bootbox的所有版本都是在Bootstrap和jQuery的基礎之上的，因此bootstrap，jQuery和bootbox的版本要對應。
4.解決方案
對話框代碼不阻止代碼執行:由于這個限制，在用戶關閉對話框之前不應該運行的代碼應該放置（或調用）在對話框的回調函數中。
注意腳本引用的順序:jQuery > Bootstrap > Bootbox
5.編碼實戰
6.擴展思考
模態框和非模態框有什么區別
模態對話框：就是在其沒有被關閉之前，用戶不能與同一個應用程序的其他窗口進行交互，直到該對話框關閉。
非模態對話框：當被打開時，用戶既可選擇和該對話框進行交互，也可以選擇同應用程序的其他窗口交互。
7.參考文獻
8.視頻資料
今天的分享就到這里啦，歡迎大家點贊、轉發、留言、拍磚~
下期預告：異步編程有哪幾種方法來實現? 不見不散~
