本文介绍如何使用 window-alert 这个 npm 包，在前端项目中弹出漂亮的提示框，提高用户体验。
什么是 window-alert？
window-alert 是一个基于原生 JavaScript 开发的 npm 包，用于在浏览器中弹出漂亮的提示框。它可以自定义提示框的样式和内容，方便开发者在前端项目中使用。
如何安装？
在项目中安装 window-alert 包的方式很简单，只需要在命令行中执行以下命令即可：
npm install window-alert
如何使用？
示例代码
以下是使用 window-alert 的示例代码，在 HTML 中引入样式和脚本后，调用 windowAlert 方法即可弹出提示框：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
--------- ------------ -------------
----- ---------------- --------------------------- --
-------
------
------- ----------------------------------------
------- -----------------------------------
--------
-------- ------------- -
----- ------- - -
------ --------
-------- ------------
----- ----------
--------- -----
--
----------------------
-
---------
-------
-------参数说明
在调用 window.alert 方法时，可以传入以下参数，来自定义提示框的样式和内容：
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| title | String | 空字符串 | 提示框的标题，可以为空。 |
| content | String | 空字符串 | 提示框的内容，必填项。 |
| icon | String | info | 提示框的图标类型，支持 success、warning、info 和 error 四种类型。 |
| duration | Number | 2000 | 提示框出现的时间长度，单位为毫秒（ms）。 |
| onOk | Function | undefined | 当用户点击确定按钮时，会执行的回调函数。 |
| onCancel | Function | undefined | 当用户点击取消按钮时，会执行的回调函数。 |
总结
在本文中，我们介绍了 window-alert 这个 npm 包的安装和使用方法，它可以帮助开发者在前端项目中快速弹出漂亮的提示框，提高用户体验。希望本文对初学者能起到一定的指导作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579281e8991b448d491b