在前端开发中，收集用户反馈以及了解用户行为是非常重要的。而 microfeedback-core 就是一款可以方便地在网页中嵌入一些反馈工具的 JavaScript 库。这篇文章将带你从安装到使用，并详细讲解其相关 API。
安装
在使用之前，需要将 microfeedback-core 安装到你的项目中。可以通过 npm 进行安装：
npm install microfeedback-core
或者通过 CDN 引入：
<script src="https://cdn.jsdelivr.net/npm/microfeedback-core/dist/microfeedback-core.min.js"></script>
使用
在安装完成后，我们就可以开始使用 microfeedback-core 了。下面是一个简单的例子，你只需要在你的 HTML 页面添加以下代码即可：
-- -------------------- ---- -------
---- --------------------
--------
----- -------- - ---------------
---------- ------------
------------- -
- --- ------ ------ ------- ---- --
- --- ---------- ------ ----------- -
--
-------- ---------------------- ---------------- -
------------------------- -----------------
-
---
---------这个例子中，我们首先找到了一个 div 元素并且给定了它的 ID，然后在 microfeedback 函数中传入了一些配置项。我们告诉 microfeedback 库，我们要在 #feedback 这个元素中嵌入反馈工具，同时定义了两个反馈类型：一个是 bug，一个是 feature；最后，我们定义了一个名叫 service 的回调函数，当用户完成反馈（或取消反馈）后，这个函数将被调用，同时它将收到两个参数：feedbackType 和 feedbackMessage。
配置项
除了上面使用到的几个选项之外，microfeedback-core 还提供了一些其他配置，如下：
title：反馈工具的标题，默认是 "Feedback"。feedbackList：定义了一组反馈类型的列表。每一个元素都应该包括一个 id 和一个 label。service：反馈完成后所触发的回调函数。container：反馈工具将被嵌入的 HTML 元素 ID 或者 class（当选择 class 时，将为第一个匹配元素添加反馈工具）。buttonLabel：提交按钮的标签，默认为 "Send feedback"。feedbackMessagePlaceholder：反馈信息输入框的提示内容。position：反馈工具的位置，可以是 "topRight"、"topLeft"、"bottomRight"、"bottomLeft" 中的任何一个。
API
microfeedback-core 提供了几个常用的 API：
open()
用户点击需要反馈的类型之后，将自动打开反馈工具。如果你想通过代码调用，则可以手动调用：
feedback.open();
close()
当用户完成反馈或者取消反馈时，反馈工具会自动关闭。如果想要手动关闭，可以用这个方法：
feedback.close();
destroy()
销毁当前引用的实例：
feedback.destroy();
结尾
在本文中，我们介绍了 microfeedback-core 的安装和使用，同时详细讲解了其相关 API 以及配置项。如果你需要在网页中嵌入一些反馈工具，这个库将会是一个不错的选择。若有错误请指出，共同学习进步！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f451d8e776d08040f0f