この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 1130|答える: 0

[その他] Fuse.js フロントエンド軽量ファジィ検索ライブラリ(全文検索)

[リンクをコピー]
2025年3月3日 13:25:26に投稿 | | | |
要件:メニューやチャットメッセージなどの全文検索機能を追加してください。 バックエンドにはElasticSearch、Lucene、Solr、SQL Serverなどの全文検索ミドルウェアが多数搭載されています。 バックエンドのインターフェースに頼らずにフロントエンドで全文検索を実現するにはどうすればいいですか?

復習:

[実戦] Lucene.Net+Jieba.NET を使って軽量な現場内検索を構築
https://www.itsvse.com/thread-10690-1-1.html

検索エンジンの選択:Elasticsearch vs 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のインストール


コード:


アウトプット:

[
  {
    「アイテム」:{
      「タイトル」:「Right Ho Jeeves」
      「著者」:「P.D.マンズ」
      「タグ」:[「フィクション」、「戦争」]
    },
    「refIndex」:1、// 元のリスト内のインデックス
    「スコア」:0.12282280261157906
  },
  {
    「アイテム」:{
      「タイトル」:「老人の戦争小説」
      「著者」:「ジョンX」
      「タグ」:[「戦争」]
    },
    「refIndex」:0、
    「スコア」:0.3807307877431757
  }
]

所見:スコアが小さいほど、その精度は高くなります、つまりマッチが大きいほどです。

参考:ハイパーリンクのログインが見えます。




先の:prismjsコードハイライトプラグインは、すべての言語順序の問題を導入します
次に:フロントエンドの監視と追跡のためのnavigator.sendBeacon()メソッド
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com