简介
trekels-notie 是一个基于 JavaScript 的简易通知提示插件，功能类似于浏览器自带的 alert 和 prompt，但是它可以自定义样式，支持多种事件绑定和动画效果，而且不会中断代码的执行。
本文将介绍如何在前端项目中使用 trekels-notie 插件，并详细讲解其使用方法和注意事项。
安装
trekels-notie 是一个已经发布到 npm 的包，可以通过以下命令进行安装：
npm install trekels-notie --save
使用
在完成安装之后，可以直接在项目中引入 trekels-notie，具体的引入方式如下：
import TrekelsNotie from 'trekels-notie';
或者
const TrekelsNotie = require('trekels-notie');方法
trekels-notie 插件目前支持以下方法：
TrekelsNotie.alert()
TrekelsNotie.alert("Hello, World!");这个方法接受一个字符串类型的参数，弹出一个提示框，显示输入的文本内容。该方法不会中断代码的执行。
TrekelsNotie.confirm()
TrekelsNotie.confirm("你确定要删除吗？", function() {
console.log("删除成功！");
});这个方法接受两个参数，第一个参数为一个字符串类型的文本内容，第二个参数为一个回调函数。当用户点击确定按钮时，将触发回调函数，在回调函数中执行相应的操作。当用户点击取消按钮时，不会做任何操作。
TrekelsNotie.prompt()
TrekelsNotie.prompt("请输入你的名字：", function(value) {
console.log("你输入的名字是：" + value);
});这个方法同样接受两个参数，第一个参数为一个字符串类型的文本内容，第二个参数为一个回调函数。当用户点击确定按钮时，将触发回调函数，在回调函数中执行相应的操作。当用户点击取消按钮时，不会做任何操作。回调函数有一个参数，表示用户在输入框中输入的值。
配置选项
trekels-notie 插件提供了一系列的配置选项，可以自定义样式和动画效果。配置选项可以通过 TrekelsNotie.config() 方法进行设置，也可以在创建 TrekelsNotie 对象时传入配置选项。
以下是 trekels-notie 插件支持的配置选项列表：
type
类型：字符串
默认值为 "alert"。
该选项指定对话框的类型，支持 "alert"、"confirm" 和 "prompt"。
text
类型：字符串
默认值为 "提示"。
该选项指定对话框的标题文本内容。
content
类型：字符串
默认值为 ""。
该选项指定对话框的正文文本内容。
placeholder
类型：字符串
默认值为 ""。
该选项指定用户在输入框内看到的占位符。
okText
类型：字符串
默认值为 "确定"。
该选项指定确定按钮上的文本内容。
cancelText
类型：字符串
默认值为 "取消"。
该选项指定取消按钮上的文本内容。
onOk
类型：函数
默认值为 null。
该选项指定确定按钮点击后所要执行的函数。函数接收一个参数，代表输入框内容。
onCancel
类型：函数
默认值为 null。
该选项指定取消按钮点击后所要执行的函数。
animation
类型：字符串
默认值为 "fade"。
该选项指定对话框的动画效果，支持 "fade"、"slide" 和 "scale"。
duration
类型：数字
默认值为 300。
该选项指定动画的持续时间，单位为毫秒。
delay
类型：数字
默认值为 0。
该选项指定动画延迟的时间，单位为毫秒。
示例代码
以下是一个使用 trekels-notie 插件的示例代码：
-- -------------------- ---- ------- ------ ------------ ---- ---------------- --------------------- ----- -------- ----- -------- -------- -------- --- ---------------------
该代码将弹出一个提示框，显示 "Hello" 和 "World!"。
结语
trekels-notie 插件是一个非常实用的前端工具，可以方便地进行提示和确认操作。本文介绍了如何使用该插件以及相关的注意事项，希望可以对大家学习前端技术有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8f238a385564ab6f51