概述
ohsnap 是一款通用的 JavaScript 消息提示库，可以在前端开发中方便地实现各种样式的提示弹窗。ohsnap 的特性在于简单易用，文件大小小，配置方便。
安装
使用 npm 安装 ohsnap：
--- ------- ------ ------
引入 ohsnap：
------ ------ ---- ---------
使用
ohsnap 的使用非常简单，只需要调用 $ohsnap 方法，并传入想要提示的字符串和配置项即可。
配置项支持以下设置：
- "color": 可以设置提示框的颜色，支持 hex 颜色值和颜色名称。
- "duration": 可以设置提示框显示时间（以毫秒为单位），默认是 3000 毫秒。
- "container-id": 可以设置 ohsnap 的容器 Id 值，默认是 "ohsnap".
以下是一个示例：
--------------- -------- -
------ ------
--------- ----
---示例代码
下面是一个简单的示例代码，包含了多种样式和配置的使用：
--------- -----
------
------
----- ----------------
------------- ------------
-------
------
---------- ---------
------- ----------------- --------------
------- --------------- --------------
------- ------------- --------------
------- -------------- --------------
------- ---------------- --------------
------- ----------------------------------------------------------------------
--------
-- ----
--------------------------------------------------------- ---------- -
------------- -- - ------- -----------
---
-- ----
--------------------------------------------------------- ---------- -
------------- -- - ------- ---------- -
------ -------
---
---
-- ----
--------------------------------------------------------- ---------- -
------------- -- -- ----- ---------- -
------ -----
---
---
-- ----
--------------------------------------------------------- ---------- -
------------- -- -- ---- ---------- -
------ ------
---
---
-- -----
--------------------------------------------------------- ---------- -
------------- -- - ------ ---------- -
------ ----------
--------- ------
--------------- ------------------
---
---
---------
-------
-------总结
ohsnap 是一款优秀的前端消息提示库，方便快捷，简单易用，是不可或缺的前端开发工具之一。我们希望这篇教程能够为你在项目中使用 ohsnap 提供帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/79894