什么是 eminent？
eminent 是一个能够根据页面上的文本，自动生成关键词提示，并为这些关键词提供链接和已有的定义的 JavaScript 框架。
如何安装
安装 eminent 可以通过 npm 包管理器进行安装：
npm install eminent
如何使用
安装完 eminent 后，在你的项目中引入即可：
import Eminent from 'eminent';
对于文本框，在其上绑定 Eminent 即可：
<Eminent inputElement={document.getElementById('mytextbox')} />此时 Eminent 会检测输入框中的文本，并给出其关键字提示。
实例
假设现在有一个页面，需求是给一个输入框绑定 Eminent：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------- ------------
------- --------------------------------------------------------------------
-------
------
------ -------------- ---------------
--------
----- ------------ - -------------------------------------
--- --------- ------------ ---
---------
-------
-------这样，我们就完成了 Eminent 的绑定，可以在输入框中输入一些字符，来观察 Eminent 的提示效果。
深入学习
Eminent 的实现原理是基于著名的 AST 技术。AST，全称是 Abstract Syntax Tree，中文翻译为“抽象语法树”，它是一种可以表示编程语言的结构的树形数据结构。通过使用 AST，可以简化复杂的代码解析和操作，方便程序的开发和维护。
Eminent 会先把用户输入的文本，解析成一个 AST，然后通过遍历 AST 的方式，找到所有的关键字，并根据关键字的类型，进行不同的操作。
具体实现细节可以深入学习 AST 相关的知识，并研究 Eminent 的源代码。
总结
通过本文的介绍，我们了解了 npm 包 eminent 的基本使用方法，以及其实现的原理。希望对前端开发人员有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e19a563576b7b1ecbd8