微型建议（micro-suggest）是一个非常有用的npm包，可以帮助你在你的前端应用程序中实现基于文本的自动完成。如果你正在开发一个需要输入文本搜索的应用程序，那么这个npm包绝对值得一试。在这个教程中，我们将学习如何使用micro-suggest给我们的应用程序添加自动完成功能。
前置条件
在使用micro-suggest之前，需要确认你已经安装了Node.js和NPM。
安装micro-suggest
在你的控制台中，输入以下命令：
npm install micro-suggest --save
这条命令将安装最新版本的micro-suggest，并将其添加到你的项目依赖中。
在应用程序中使用micro-suggest
首先，我们需要将micro-suggest添加到我们的应用程序中：
import MicroSuggest from "micro-suggest";
接下来，我们需要实例化MicroSuggest，指定需要自动完成的输入字段：
new MicroSuggest({
inputField: "inputFieldId"
});在这个示例中，我们将MicroSuggest绑定到一个输入字段，这个输入字段的ID是“inputFieldId”。
现在，当我们在这个输入字段中输入文本时，micro-suggest会根据我们输入的文本自动完成内容。完成后，我们可以将所选内容存储在我们的应用程序中。
自定义设置
micro-suggest还提供了许多自定义选项，使您可以根据实际需求调整自动完成的外观和行为。
例如，您可以更改自动完成框的宽度：
new MicroSuggest({
inputField: "inputFieldId",
width: "300px"
});您还可以更改自动完成框的位置：
new MicroSuggest({
inputField: "inputFieldId",
position: "top"
});以上只是micro-suggest可以提供的少量自定义选项。
总结
在本教程中，我们学习了如何使用micro-suggest给我们的前端应用程序添加基于文本的自动完成。我们还提供了细节和深度的自定义设置，使我们的自动完成功能根据我们的实际需求调整。micro-suggest是一个非常有用的npm包，使用起来非常简单。
示例代码：
-- -------------------- ---- -------
------ ------------ ---- ----------------
--- --------------
----------- --------------
------ --------
--------- ------
------------- -------------- -
--------------------- ----- - - ------
--
------- -------------- --------- -
-- ---- ------ --- -----
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f1c81e8991b448dcb30