Fuse.js 前端轻量级的模糊搜索库（全文搜索）

小渣渣

需求：前端添加全文搜索功能，例如：菜单、聊天消息等。后端有很多全文搜索的中间件，例如：ElasticSearch 、Lucene、Solr、SQL Server 自带的等等。如何不依赖后端接口，前端实现全文搜索呢？

回顾：

【实战】使用 Lucene.Net + Jieba.NET 搭建轻量级站内搜索
https://www.itsvse.com/thread-10690-1-1.html

搜索引擎选择： Elasticsearch与Solr
https://www.itsvse.com/thread-6168-1-1.html

【实战】.net/c# 通过NEST调用elasticsearch搜索[附源码]
https://www.itsvse.com/thread-6294-1-1.html

Fuse.js 强大、轻量级的模糊搜索库，用 JavaScript 编写，没有任何依赖关系。

官网：超链接登录可见。
源码：超链接登录可见。
参数配置：超链接登录可见。

本文是用 Angular 19 + fuse.js 实现全文搜索功能，效果图如下：



npm 安装

登录可见。

代码：

登录可见。

输出结果：

[
  {
    "item": {
      "title": "Right Ho Jeeves",
      "author": "P.D. Mans",
      "tags": ["fiction", "war"]
    },
    "refIndex": 1, // index in the original list
    "score": 0.12282280261157906
  },
  {
    "item": {
      "title": "Old Man's War fiction",
      "author": "John X",
      "tags": ["war"]
    },
    "refIndex": 0,
    "score": 0.3807307877431757
  }
]

备注：score 分数越小越精准，也就是匹配度越高。

参考：超链接登录可见。